support for right-to-left?

Hi

Been looking forward to Rise after serious difficulties with the Adapt Tool. However, the lack of RTL support is currently a deal-breaker for me (and the Israeli/Arab community.. Is that an issue that will be resolved soon? Also, there is no hebrew font and as a result the text is displayed horrendously. there is a beautiful open version for open sans hebrew that will resolve this matter quickly.. pretty please? :) 

Thank you!

15 Replies
Danit Isaacs

My team at the open University of Israel, would also like to test the RTL beta feature, can you please include us?

in the meantime, this is the workaround we're doing:

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!

Elena Tagliati

Hey Danit, thanks a lot for your tip, it is working great!

The only thing is that when you have IMAGE (on the left)+ text (on the right) , changing to rtl gets mirrored and they overlap, here an example:

overlap

which would require to change the css - or is there any other workaround? thanks

ET

 

ps. any news on rtl support? it is quite important for us as well!

Elena Tagliati

Hi. 

my colleague tried to replace this margin-left from 8.33333% to 0% in the main.bundle.css 

.block-image__col:first-child{width:50%;margin-left:-8.33333%}

and this solved the issue of overlapping.

I just noticed that something that still need some adjustment is the labeled graphic pop-up boxes.

We are using articulate tools in several languages and I agree that RTL full support would be really a great added value!