32
Views
4
Comments
Empty space at the end of a text gets removed in translation
Question
Application Type
Reactive

I have a reactive application in Icelandic that needs to be translated to English for English speaking users.
Sometimes I have a text, followed by an icon, followed by another text (See image below). 
In Icelandic I just but an empty space at the end of the string, before the icon, to create the necessary margin.  When I translate this text to English, and leave one empty space at the end of the translated text, it gets cut out, resulting in no margin before the icon. 
Is this a bug or am I missing something?

This is how it is displayed in English (the translated text clearly has an empty space at the end where I put the translated texts)

This is how it is programmed and displayed for users using Icelandic:

2020-11-25 10-45-32
Mostafa Othman
Champion

Hello Aron,

You can add CSS margin-left to icon instead of adding space at the end of the text

UserImage.jpg
Aron Skúlason

Yes, that is a workaround that we will think about using if there is no way to get the space in the translation, which would be much more convenient .    

Thank you

2021-05-20 03-43-45
dotheky

Hi Aron,

Maybe when translating that space has been cleared

You can add a separate space text between the text to translate and the icon instead of adding a space at the end of the text

2022-07-12 01-10-14
Jithu Cheriath Thomas

Hi @Aron Skúlason ,

I tried that and working for me , just add the empty spaces at the end of the translated text like below.


Hope it works,


Thanks,

Jithu Thomas

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.