Arabic Language Formatting to RTL.

  • Profile Image
    Abdullah_DRI
    Asked on June 04, 2020 at 04:19 PM

    Greetings!

    I'm seeking your urgent support as I have created a form in Arabic and I have noticed that the writing\icons is from "LEFT to RIGHT" while Arabic language is the other way around "the writing\icons is from RIGHT to LEFT". Thous, I can't really use the form without solving this issue.. 

    Really appreciate your kind support and guidance to solve this issue. As I'm sure you have a solution for this case but I couldn't figure how to do it.. :( 

    Looking forward for your kind feedback and support on this regards.. 

    All the best!

    Abdullah 

  • Profile Image
    Jed_C
    Answered on June 04, 2020 at 08:57 PM

    Please give me some time to work on your form to make it RTL compatible. I'll let you know in this ticket once I'm done with the code. Thank you for your patience.

  • Profile Image
    Jed_C
    Answered on June 04, 2020 at 09:33 PM

    Please test my cloned form here https://form.jotform.com/201557525992968 and see if the layout is ok. Feel free to clone it by following this guide https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    Let us know if you have any questions or if you need further assistance. 

  • Profile Image
    Abdullah_DRI
    Answered on June 04, 2020 at 10:37 PM

    Hi there!

    First of all, I would like to thank you for the quick respond.. 

    secondly, while applying the form it looks okay. Although the lines are kind of not well organized.. 

    However, in the form modification page (building page) its totally missed up, please refer to attached snapshot.. 

    Moreover, could you please share the steps you have made to solve this case as all my forms will be in Arabic.. 

    Looking forward for your feedback on the above comments.

    Thanks& Regards,

     

    1591324948Sample3.PNG

     

  • Profile Image
    Jed_C
    Answered on June 04, 2020 at 11:54 PM

    secondly, while applying the form it looks okay. Although the lines are kind of not well organized.. — Some of the elements may not be translated correctly due to custom styling applied by CSS.

    When form is in preview mode, it actually loads the previewed form inside an iframe which could also be a limitation in some other fields.

    For instance, if there's widget in the form, that widget is loaded in an iframe, if you preview the form, it now loads the widget inside the builder's iframe in an iframe. There's a limitation when loading an iframe which won't allow you to access the elements which causes this styling mixed up.

    As for the steps, with your current design, it needs to be customized per form so the CSS applied is not targeted as a global class, ID. Some of it is specifically targeting the fields id which might have a different class or id name in other form.

    We are happy to help you with your other forms, just share the form URL's here and we'll help you convert it to RTL.

    Looking forward for your response. 

  • Profile Image
    Abdullah_DRI
    Answered on June 05, 2020 at 02:32 AM

    Hi, 

    Thank you for your explanation. Much appreciated! 

    However, unfortunately the final Arabic form (that you have manually modified) does not meet our expectation as the final layout and questions are not organized. I truly appreciate your usual support to suggest a solution so we can avoid such unconvince. In addition, the mobile UI is not user friendly & some of the questions are not appearing in a proper way. Thous, we can't ask any one to use it (feel free to check it).   

    "Just thinking out loud" if we change the type of edges, buttons, options, ..ex. can we avoid this issue?

    Moreover, I highly rely on your valuable input on this regards as we "as an enterprise" are testing jotform and once it meets our expectation, we might subscribe to the enterprise version. 

    Really appreciate your kind and usual support on this case..

    All the best!

    Abdullah 

  • Profile Image
    Anita_K
    Answered on June 05, 2020 at 06:21 AM

    Hi Abdullah,

    I'm currently in the process of modifying the CSS so that it looks better, especially on mobile devices.

    Please allow some time for this, I'll get back to you on this shortly.

  • Profile Image
    Anita_K
    Answered on June 05, 2020 at 06:53 AM

    Hi,

    I've made some adjustments on the CSS. Can you please take a look at it here?

    It is by no means perfect, but you can maybe give us feedback where do the questions look disorganized.

    Looking forward to your answer.

  • Profile Image
    Abdullah_DRI
    Answered on June 06, 2020 at 07:06 AM

    Hello Anita, 

    I would like to thank you for your great support. Well done!!

    I have small query, can we modify the form URL? this will help us to fully depend on Jotform in our future work. 

    Looking forward for your valuable input..

    Moreover, thank you again for the great support..

    All the best!

    Abdullah 

  • Profile Image
    Welvin
    Answered on June 06, 2020 at 10:11 AM

    On behalf of the team, you're welcome. 

    I'll answer your new question on a separate ticket here https://www.jotform.com/answers/2372438