-
alwazeeriah BwazeereeAsked on December 3, 2021 at 10:33 AM
hi
I need to Align the form to the right -
Basil JotForm SupportReplied 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.