How to align the form to the right?

  • alwazeeriah Bwazeeree
    Asked on December 3, 2021 at 10:33 AM

    hi
    I need to Align the form to the right

  • Basil JotForm Support
    Replied on December 3, 2021 at 11:11 AM

    Hi,

    You can add the following CSS code to your form to align the form to the right:

    .form-all,.form-header,.form-subHeader,.form-textarea {
      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;
    }


    Relevant Guide: https://www.jotform.com/help/how-to-align-your-forms-to-a-right-to-left-direction/

    Please let us know if you require any further assistance.