Welcome to the Instapage Support Center

|

Right to left text support for forms

Instapage allows building Right To Left forms. To achieve that just add the following code to page, by clicking on Settings, and then JavaScript. Make sure you're in the Footer section and paste the code below:

<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');
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>

NOTE: The code above does not work for checkbox fields and radio button fields.

 This will work in page preview and on the published page.

In case you need help with a custom functionality or any code customization that is not provided through our Help Center articles we have a Professional Services team that can help our Enterprise users. The Enterprise Solution includes Professional Services as well as additional features and services that can be seen here: https://instapage.com/enterprise-benefits
Have more questions? Submit a request
Was this article helpful?
4 out of 4 found this helpful

Need Further Help?

Tell us what you need and we will be happy to assist you.

Our team of expert support staff and our community can answer your questions. Submit a ticket, or reach out on live chat!