Move texts to right

  • Profile Image
    anasser100
    Asked on June 12, 2021 at 05: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_



    1623489816_60c47d18e0871_

    Regards

    Ahmed nasset

    Little Captain Kindergarten

  • Profile Image
    Vick_W
    Answered on June 12, 2021 at 05: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

  • Profile Image
    anasser100
    Answered on June 12, 2021 at 05: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


  • Profile Image
    Rehan_F
    Answered on June 12, 2021 at 06: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

  • Profile Image
    anasser100
    Answered on June 12, 2021 at 06: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

    ...
  • Profile Image
    anasser100
    Answered on June 12, 2021 at 06:22 AM
    Greetings,

    Know every thing move to right




    Regards,
    Ahmed

    ...
  • Profile Image
    Billy_G
    Answered on June 12, 2021 at 06: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.

  • Profile Image
    anasser100
    Answered on June 12, 2021 at 06:44 AM
    Sorry I need to move left and to right !!

    ...
  • Profile Image
    Mike_G
    Answered on June 12, 2021 at 06: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

    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.

  • Profile Image
    anasser100
    Answered on June 12, 2021 at 06:55 AM
    From right to left please

    ...
  • Profile Image
    Billy_G
    Answered on June 12, 2021 at 07: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.

  • Profile Image
    anasser100
    Answered on June 12, 2021 at 07: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





    ...
  • Profile Image
    ashwin_d
    Answered on June 12, 2021 at 07: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.

  • Profile Image
    anasser100
    Answered on June 12, 2021 at 08: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






    ...
  • Profile Image
    Amin_N
    Answered on June 12, 2021 at 08: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_

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

    I hope I have been of any help.

  • Profile Image
    anasser100
    Answered on June 12, 2021 at 09: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





    ...
  • Profile Image
    Amin_N
    Answered 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.