CosminV of Technical Support
10/29/2019 - 12:06 PM

Right to left form

With CSS on T/nT and JS on T only

Example: http://righttoleftform.pagedemo.co/

.form-radio-label:before, 
.form-checkbox-label:before {
    right: -7px;
    left: auto;
}

.form-checkbox-label:after {
    left: auto;
    right: 5px;
}

.form-radio-label,
.form-checkbox-label {
    padding-right: 20px;
    text-align: right;
}

input[type="text"], input[type="email"], input[type="password"], textarea, select {
    direction: rtl;
}

.form-label-outside, .form-label-title, .form-block-radio, .form-block-checkbox {
    text-align: right;
}

select.form-select {
padding-right: 25px !important;
}
<script> 
var textInputs = document.querySelectorAll('input[type="text"], input[type="email"], input[type="password"], textarea, select'); 
var labels = document.querySelectorAll('.form-label-outside, .label-outside, .form-label-title, .form-block-radio, .form-block-checkbox, .form-btn'); 
var dropdown = document.querySelectorAll('select'); 
for (var i = 0; i < textInputs.length; i++) { 
  textInputs[i].style.direction = 'rtl'; 
} 
for (var i = 0; i < labels.length; i++) { 
  labels[i].style.textAlign = 'right'; 
} 
if (dropdown.length) { 
  for (var i = 0; i < dropdown.length; i++) { 
    dropdown[i].style.paddingRight = '25px'; 
  } 
} 
</script>