translates the language
# 🤝help
s
Hi, I am having a problem that the bot translates the language into another language that is written from right to left, so it causes problems in writing and the algiment is not aligned to the right. And the translation is not at such a good level either. Anyone having this problem and want to help me?
a
Hi @sparse-exabyte-52343 ! Can you show us an example with screenshots so we can visualize? Ideally, a working left to right example, and a broken right to left. This would help us visualize the problem.
s
In Hebrew for example, both when I write to the chat bot and when he answers me, the bullet points should be on the right side because in Hebrew you write from right to left and here he writes from left to right. This is a code problem.

https://cdn.discordapp.com/attachments/1131186551536242698/1131214497311359036/image.png

All punctuation marks are also reversed.. When I present it to interested customers it shows a lack of professionalism and it's a real shame
in general, your interface is not supporting languages that are written from right to left. here I changed "I'm sorry, I don't have an answer to that." to Hebrew and the dot is going to the left instead to the right.

https://cdn.discordapp.com/attachments/1131186551536242698/1131219371847581737/image.png

a
Thanks for reporting this! It will be very helpful for us to build a more inclusive bot builder. @famous-jewelry-85388 you have more experience with RTL. Are the engs aware of this?
f
Hi, That is normal in the studio. But in the webchat you can switch itusing CSS
s
I dont know how
pls guide me
this is so crucial
f
Did you check our customization documentations? https://botpress.com/docs/cloud/webchat-customization/overview/
s
checked, still what CSS should I assimilate and where
f
@bright-magazine-792 can you help here?
s
@bright-magazine-792
f
basically you need something like that: https://developer.mozilla.org/en-US/docs/Web/CSS/direction
s
no this is not what i meant
ill send you an example on english
on English, it should be the second one. on Hebrew is the first.

https://cdn.discordapp.com/attachments/1131186551536242698/1131247340875939992/image.png

f
I understand
Did you give it a try and it didn't work?
s
this one?
didn't understand where to put the code
f
Do you have CSS experience?
s
not much
f
Understood
Do you have a stylesheet?
s
we could go for a calling and i will screen share you..
no
b
Hey @sparse-exabyte-52343 let me try it on my end and get back to you now
f
Thanks Rohan
s
Thx
@bright-magazine-792 what do you say ? we got it?
b
Hey! are you using styler?
s
no
b
are you looking for this?

https://cdn.discordapp.com/attachments/1131186551536242698/1131296382821601300/Screenshot_2023-07-20_at_12.17.43_AM.png

s
this

https://cdn.discordapp.com/attachments/1131186551536242698/1131300441355976734/image.png

because in Hebrew it make sense, actually in all languages that written from right to left
b
perfect
I'm pushing an update to https://styler.botpress.app/ give me some time
s
ty so much
When do you think it will be resolved? @bright-magazine-792
b
It's resolved
https://styler.botpress.app

https://cdn.discordapp.com/attachments/1131186551536242698/1131321562449064107/Screen_Recording_2023-07-20_at_1.51.57_AM.mov

@sparse-exabyte-52343 can you test this?
s
sure
worked on "Coco Chatnel" but not on my bot..
@bright-magazine-792
can we make a call on discord?
b

https://youtu.be/nPbTnUavwW4?t=50

this styler video should help you
s
watched it
It should also work if I share the bot?
look
@bright-magazine-792
hey
i did all you asked me to and its not working
also the "created with botpress" is off and still shown

https://cdn.discordapp.com/attachments/1131186551536242698/1132662413389463562/image.png

https://cdn.discordapp.com/attachments/1131186551536242698/1132662486248718486/image.png

is it work when demo? like when i share?
a
In your video, you need to click "pre-configured" in the settings where you add the styler.botpress.com link. Then use that. The styling isn't applied to the web widget found using the button in the Botpress Studio.
b
yes +1 with @acceptable-gold-88171