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
Dear all,
Unfortunately, although more than three years have passed since the first request for the management of RTL languages, an integrated solution in Rise does not yet appear to be available.
As previously mentioned by Dominik, since the beginning of the year, in our course offer we manage 2 RTL languages and after several attempts the following is currently the best temporary solution to which I have arrived.
Also be aware that this solution still does not work perfectly with all blocks.
Please let me know if anyone has comments or suggestions.
Regards,
Raphael
Rise RTL workaround- Export course from Articulate Rise (I tested it using TinCan format)
- Unzip the downloaded file
- Locate the
index.htmlfile and open it for editing- Change the <HTML> tag:
from:<html lang="en" class="">
to:<html lang="ar" class="" dir="rtl">for Arabic
or to:<html lang="he" class="" dir="rtl">for Hebrew - Save and close the
index.htmlfile
- Change the <HTML> tag:
- Locate the
main.bundle.cssfile inlibfolder and open it for editing- Copy all its content
- Put it in the
INPUTpane on https://rtlcss.com/playground/# (this link will bring you to a third party website) - Copy the content of the
OUTPUTpane - Replace content of
main.bundle.css - Save and close
main.bundle.css
- Compress the main folder to create a new copy of the zip file
- Upload the new zip file to your LMS
Awesome, thanks Raphael.
Thanks Raphael, which blocks is is still not working on?
Thanks a lot, works really well
We have found some issues with Image Carousel, Quote Carousel, Stacked Flash Cards and Process blocks.
There might be also some other blocks (we have not yet tried all of them).
For some blocks we saw inconsistencies with previous and next buttons ("<" and ">" arrows).
I'm also voting to have this on the roadmap as soon as possible, to say that our focus is always to deliver features that will have the biggest impact on the majority of customers is strange, considering the size of the market in the Middle East and the number of clients that require this functionality.
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...
Agreed. This product feature request has been running for over 3 years.
I really appreciate Raphael's workaround, but would also echo the request that has been made here by many earlier for rise to prioritize rtl-support as a standard feature in its coming upgrade.
Hello Articulate Team!
I'm voting to have this functionality on your roadmap.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.
Hi, I am also very interested in RTL support as we are producing modules in arabic too. Do you have any news regarding an ETA? Finger crossed!! Thanks
Hi there everyone!
I'm just jumping in to find out what is the actual ETA right now for Right to left language.
We are looking at options for a new project and we were considering the possibility of using Rise, but we have to find a solution that will include the possibility of using RTL languages.Waiting to have news on this.
Thank you!
Hi,
We need RTL languages enabled in RISE as well. When can this be expected?
Ewa
