How can I move my text box to right side?

  • HRCCo
    Asked on December 19, 2017 at 8:18 AM

    hi

    how I can move text box to right side in Arabic translate

    1513689470Screen Shot 2017 12 19 at 4 Screenshot 10

    1513689448Screen Shot 2017 12 19 at 4 Screenshot 21

  • Richie JotForm Support
    Replied on December 19, 2017 at 9:44 AM

    You can add this custom CSS codes to make your form RTL.

    .form-sub-label {
    direction:rtl;
    }

    .form-all {
    direction:rtl;
    }

    .form-line-column,.form-label-right,.form-radio-item { 
    float:right;
    }

    .form-label.form-label-auto {
    text-align: right;
    direction:rtl;
    }

    Here's a guide on how to inject custom CSS.

    -How-to-Inject-Custom-CSS-Codes

    Here is a sample screen shot.

    How can I move my text box to right side? Image 1 Screenshot 20




  • HRCCo
    Replied on December 20, 2017 at 1:29 AM

    We want only move the Arabic page only the English page no need to move , the code you sent to me move all pages Arabic & English

  • Ashwin JotForm Support
    Replied on December 20, 2017 at 3:15 AM

    Yes it is possible to align form fields just for Arabic language only. Please inject the following custom css code in your form and that should solve your problem:

    .form-all[dir="rtl"] * {

        text-align: right;

        direction: rtl !important;

    }

    .form-all[dir="rtl"] .form-label-top, .form-all[dir="rtl"] .form-label-left, .form-all[dir="rtl"] .form-label-right {

    font-weight: bold;

    margin-bottom: 9px;

    float: right;

    text-align: right;

    width:100% !important;

    }


    The following guide should help you how to inject custom css code in form:   https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes