Right to left language In Rise
Nov 17, 2016
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
120 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.
Good point. You can actually see the most recent updates to Rise here because we've had a few since December :) As far as the RTL support, you can see Adam's response here and know that it is something our team is working toward.
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
This post was removed by the author
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!
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!
Thanks! I'd appreciate that! 🙏
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.
Hello Amr - I do not have an estimated time frame to share with you at this time, but it is on the radar.
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...
Oops! 😱 I've accidently deleted my post on how to make right to left content work with Rise,
so here it is again:
Export and download your Rise project.
In the "index.html" file, change 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
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 changed the font in the "index.html" file, using the <STYLE> tag
Write your font instead of the bolded ones below:
.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; }
Save the "index.html" file, and you're done!
Thanks Danit for reposting!
Hello, do you have any updates on this feature?
Thanks for checking in, Muge. We don't have an ETA nailed down just yet, but rest assured it's coming! You can keep up with everything we release in Rise right here.
Hello, is any update regarding RTL language support on Rise?
Hi EBC*L Arab and welcome to E-Learning Heroes :)
We do not have the ETA on this feature yet, but it is on our roadmap. We will be sure to update this thread when we can.
Hello Everyone,
I also wanted to check on an update for the right-to-left support. Any news? It would be great if you could share an ETA. That would help a lot regarding our planning, otherwise we are stuck.
Thank you.
Hi Dominik,
I do not have any news regarding an ETA, but it is on the radar/roadmap :)
You could enable Right-to-Left within Storyline 360 in the meantime if needed.
Hi Leslie,
Thank you for the update.
Storyline is unfortunately not the right tool this time. The training modules I am currently working on are mainly used on mobile devices (Smartphones and Tablets). So we need something responsive and Rise is the perfect tool.
Can you at least confirm that this feature will be released in 2018? That would help a bit with our planning.