How can I move my text box to right side?

  • Profile Image
    HRCCo
    Asked on December 19, 2017 at 08:18 AM

    hi

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

    1513689470Screen Shot 2017-12-19 at 4.15

    1513689448Screen Shot 2017-12-19 at 4.15

  • Profile Image
    Richie_P
    Answered on December 19, 2017 at 09: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.




  • Profile Image
    HRCCo
    Answered on December 20, 2017 at 01: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

  • Profile Image
    ashwin_d
    Answered on December 20, 2017 at 03: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