Forum Discussion
Right to left language In Rise
Hi
I am developing courses in Arabic Language. I just started using Articulate 360. I tried to add content using Rise. I could add Arabic text, but I faced many issues.
- Numbering and bullet list come left the text. As Arabic is a right-to-left language, it should be right.
- Text alignment also is left to right
- Navigation Bar is left
- No Arabic fonts available, I could only use the default one.
Could anyone help me solve the problem?
Regards
Sheikh Maawiya
143 Replies
Hello Sheikh! Thanks for reaching out; we are working on right-to-left language support for Rise right now! Since it's a part of Articulate 360, you'll get that feature as soon as it's released!
Hi, do you have any updates on this feature? Arabic language support is the key issue for us now in order to continue with the purchase of the product.
Hey there. Thanks for asking. I checked with our team, and it looks like that function is still in development. I can understand your need, however. When we get further information to share, we'll be sure to update this discussion! You can stay tuned with our What's New page for all the features that are added throughout Articulate 360.
Hi, I am checking the "What's New" page but last update was in December 2016.
Do you have some updates on the right-to-left language support? Do you have an estimated timeframe - couple of weeks / months. We need to decide whether to wait or switch to an other tool.
Sorry for any confusion, but I wanted to come back to share a bit more information. You’ll see in the older discussion it was a feature we were targeting for Quarter 1, and that timing has been shuffled recently based on some changes to our product roadmap and other issues that surfaced. We’re still committed to getting RTL support in Rise, and we’ll keep you posted once the ETA is firmer. Thanks for your patience
I'm also eagerly waiting for Rise to support RTL
Meanwhile I've exported the files of the course I've created, and made off line changes to the CSS file so the text direction will be from right to left.
This took care of most the text but of course graphic elements stayed aligned to the left…I think that as a temporary workaround it's not too bad…
Interesting method Danit - thank you for sharing that here! We'll keep you posted about any changes in the Rise RTL support and timeline as well!
Thanks! I'd appreciate that! 🙏
Hi guys,
I'd like to give credit to my friend and co-worker Lior – he's the one who actually did what I've bragged about before – making rise work RTL, and he's been so kind and shared how he did it:In the index.html file, he changed the <HTML> tag from this:
<html lang="en" class="">
to this:
<html lang="he" class="" dir="RTL">
("he" sets the language to Hebrew, and "rtl" sets the direction right to left)
That took care of the direction of the text.Next he changed the font to one that looks better with Hebrew text, using the <STYLE> tag that appears further on in the file.
This is what the original looks like:
.brand--head, .brand--head * { font-family: Open Sans !important; }
.brand--body, .brand--body * { font-family: Open Sans !important; }
.brand--lhead, .brand--lhead * { font-family: Open Sans !important; }
.brand--lbody, .brand--lbody * { font-family: Open Sans !important; }
.brand--ui, .brand--ui * { font-family: Lato !important; }
.brand--beforeHead:before { font-family: Open Sans !important; }
.brand--afterHead:after { font-family: Open Sans !important; }
And this is Lior's version:
.brand--head, .brand--head * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--body, .brand--body * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--lhead, .brand--lhead * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--lbody, .brand--lbody * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--ui, .brand--ui * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--beforeHead:before { font-family: Arial, Helvetica, sans-serif !important; }
.brand--afterHead:after { font-family: Arial, Helvetica, sans-serif !important; }
I'm attaching these instructions in color (it's more clear)
Hope you find this helpful
And thank you Lior!
Hi guys,
Something important I've left out it the post above - if you're using a language that's not supported by the default font used by Rise,
you must add the font file to the directory: lib\fonts
and of course, you must change the index.html file accordingly...
Thanks for sharing the steps Danit! I had another team member who was looking to share this as an example and it's really well done!
Thank you
Hello, I was just wondering if you have any RTL updates? An approximate time frame will be really helpfull.
