How can I right align the email address field?

gilcogan

Asked on January 30, 2019 at 06:54 AM

Hi,

We have a form in Hebrew which is a RTL.

We have this code added to the CSS section:

.form-label {

display: block !important;

float: none !important;

text-align: right !important;

}

.form-all * {

direction: rtl !important;

}

All non widget input fields are right aligned, though the email address widget input field is not, is there a way to solve this?

Thank You,

Gil.

JotForm Support

Welvin

Answered on January 30, 2019 at 09:56 AM

The widget has its own CSS box, and you need to apply the CSS there as well. I've fixed it for you. Please check now.

gilcogan

Answered on January 30, 2019 at 03:36 PM

Hello Welvin,

WOW - thank you! that's super - just what was needed.

input#user_email {

direction: rtl;

}

A question for future cases - from where can I know the name of the widget, in this case "user_email"?

Much Appreciation,

Gil.

JotForm Support

Welvin

Answered on January 30, 2019 at 04:52 PM

For regular fields, you can find the ID in the field properties:

However, for widgets, you need to check that in the browser via the inspect element feature.

gilcogan

Answered on January 30, 2019 at 05:13 PM

Hi Welvin,

Thank you very much for the detailed response - that's great to know.

Much Appreciation,

Gil