Move texts to right

  • anasser100
    Asked on June 12, 2021 at 5:23 AM

    Dear Sir,

    Please see below I have create below form and I try to change direction from right to left but I can't,

    1623490167 60c47e7780cd5  Screenshot 10



    1623489816 60c47d18e0871  Screenshot 21

    Regards

    Ahmed nasset

    Little Captain Kindergarten

  • Vick_W Jotform Support
    Replied on June 12, 2021 at 5:32 AM

    Hi there,

    I do see the screenshot in your ticket however, there is no question. Please ask your questions in detail so can assist you further.

    Thanks

  • anasser100
    Replied on June 12, 2021 at 5:40 AM

    Dear Sir,

    Please see below I have create below form and I try to change direction from right to left but I can't


  • Rehan Support Team Lead
    Replied on June 12, 2021 at 6:10 AM

    Greetings,

    You can inject the following CSS into your form.

    .form-all{direction:rtl;text-align:right!important}.form-checkbox-item:not(#foo) label:before,.form-radio-item:not(#foo) label:before{right:0;margin-right:0;float:right}.form-radio-item:not(#foo) label:after{right:4px}.form-checkbox-item:not(#foo) label:after{right:8px}.form-checkbox-item:not(#foo) label{float:right}.form-all .form-section .form-col-2{width:33.3%!important}.form-label{text-align:right!important}span.phone-separate{display:none}.form-line-error .form-error-message{right:unset!important;left:0!important;text-align:left}.form-checkbox-item:not(#foo) label:after{right:0}.form-multiple-column,.form-single-column{width:100%;display:inline-flex;flex-wrap:wrap}.form-multiple-column .form-checkbox-item,.form-multiple-column .form-radio-item,.form-single-column .form-checkbox-item,.form-single-column .form-radio-item{width:100%}.form-checkbox+label,.form-checkbox+span,.form-radio+label,.form-radio+span{padding-right:30px;padding-left:0}.form-label:not(.form-label-top)+.form-input .form-address-line+.form-address-line,.form-sub-label-container+.form-sub-label-container{margin-right:8px}.form-address-line+.form-address-line{margin-left:0}

    Kindly check the instructions in the guide below to see how you can inject CSS into your form.

    https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Should you need further assistance then please let us know.

    Thanks

  • anasser100
    Replied on June 12, 2021 at 6:11 AM
    Hi

    Please see below I have create below form and I try to change written direction from right to left but I can't, see also the selection I need to move it in the left side




    Regards
    Ahmed

    ...
  • anasser100
    Replied on June 12, 2021 at 6:22 AM
    Greetings,

    Know every thing move to right




    Regards,
    Ahmed

    ...
  • Billy JotForm Support
    Replied on June 12, 2021 at 6:36 AM

    Hello,

    I've checked your form and there are still a few texts left that are not aligned to the right. Please add the CSS code below to align them:

    .header-text.httal.htvam {
      text-align: right;
    }


    Let us know if you need further assistance.

  • anasser100
    Replied on June 12, 2021 at 6:44 AM
    Sorry I need to move left and to right !!

    ...
  • Mike_G JotForm Support
    Replied on June 12, 2021 at 6:52 AM

    We would like to apologize for any inconvenience. May we just ask for more information about your requirements, please?

    Are you looking to move the input from left to right?

    1623495127 60c491d7cbc39 zt210612 065054 Screenshot 10

    Perhaps, you can show us what you are looking for to achieve with the help of screenshots.

    How-to-Post-Screenshots-to-Our-Support-Forum

    We will wait for your response.

  • anasser100
    Replied on June 12, 2021 at 6:55 AM
    From right to left please

    ...
  • Billy JotForm Support
    Replied on June 12, 2021 at 7:11 AM

    Do you want all the texts to be moved to the left or just some?

    Mike_G: Perhaps, you can show us what you are looking for to achieve with the help of screenshots.

    A screenshot would be really helpful.

  • anasser100
    Replied on June 12, 2021 at 7:22 AM
    Do you have option if I we can choose language so if I choose English the test directions from left and if Arabic the direction will be from right. Otherwise every all in left direction.

    Regards,
    Ahmed



    Best regards

    Ahmed Nasser – Engineering & Maintenance Manager
    Kymera International

    Bahrain Atomisers International | Bldg 200, Road 96, Block 949 | Manama | Bahrain
    Tel +973 1783 0880 EX. 12
    Mobile +973 391 77881
    ahmed.nasser@kymerainternational.com

    ACuPowder | ECKA Granules | Innobraze | Readig Alloys | SCM Metal Products
    www.kymerainternational.com





    ...
  • Ashwin JotForm Support
    Replied on June 12, 2021 at 7:46 AM

    Yes, we can help you with custom CSS code where if the language selection is in English, it will show the content in left and when the language is Arabic, it will show the direction as right.

    I did check your last edited form, and you have not added multiple languages. I would suggest you to please multi-lingual form and then share the form URL, we will share the required custom CSS code to achieve your requirement. The following guide should help you how to build multi-lingual form: https://www.jotform.com/help/298-how-to-make-your-forms-multilingual

    Hope this helps.

    Do get back to us if you have any questions.

  • anasser100
    Replied on June 12, 2021 at 8:11 AM
    Hello

    I don’t see Arabic language.



    Best regards

    Ahmed Nasser – Engineering & Maintenance Manager
    Kymera International

    Bahrain Atomisers International | Bldg 200, Road 96, Block 949 | Manama | Bahrain
    Tel +973 1783 0880 EX. 12
    Mobile +973 391 77881
    ahmed.nasser@kymerainternational.com

    ACuPowder | ECKA Granules | Innobraze | Readig Alloys | SCM Metal Products
    www.kymerainternational.com






    ...
  • Amin JotForm Support
    Replied on June 12, 2021 at 8:45 AM

    Hi again,

    I can see that the target form is in English. So, I recommend changing the language to English, and removing the CSS code you injected.

    1623501433 60c4aa79c9b85  Screenshot 10

    Demo form: https://form.jotform.com/211623712260949

    I hope I have been of any help.

  • anasser100
    Replied on June 12, 2021 at 9:11 AM
    Hi Amin,

    Thanks for your help, any plan to add Arabic language ? this will keep our students parents happy ☺



    Best regards

    Ahmed Nasser





    ...
  • Amin JotForm Support
    Replied on June 12, 2021 at 11:16 AM

    Hi again,

    We already offer the Arabic language as one of our form languages.

    Here's a form in Arabic language properly aligned:

    https://form.jotform.com/211624089153049

    All you have to do is basically set the for language to Arabic, only for the forms that are in Arabic, as the entire form will be aligned RTL.

    Related guide: How-to-make-your-forms-multilingual

    I hope I have been of any help.