How to format your Rise 360 course for Arabic

I want to thank Talala for this great thread! I am sure quite a lot of people found this helpful while they were working on Arabic and Hebrew courses. 

When I applied this code, I had an issue with flip cards, where the instructional text "X of Y" was written in the format "X Y of". 

To fix that, I altered the code in the last step of this tutorial, like this:

 var arabicFix = function(){
 $('p,h1,h2,h3,h4,h5,li,ol,ul,strong,a,span,.brand--ui,.lesson-header__top-wrap,.page-header-container,.overview-sidebar__title,.fr-view').attr('dir','rtl').attr('align','right');
 $('blocks-tabs__container').children().attr('dir','rtl').attr('align','right');
 $('.block-flashcards-slider__progress-text').attr('dir','rtl').attr('align','center');
 $('.bubble__controls').attr('dir','ltr').attr('align','center');
 }
 
 setInterval(arabicFix,500);

I just added this line:

$('.block-flashcards-slider__progress-text').attr('dir','rtl').attr('align','center');

Hope we will keep this thread alive while we wait for the official support for RTL languages. 😀

Best,
Nikola ĆLV