How can I right align the email address field?
- gilcoganAsked 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 SupportWelvinAnswered 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.
Guide to check the CSS in the widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets.
- gilcoganAnswered 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 SupportWelvinAnswered on January 30, 2019 at 04:52 PM
For regular fields, you can find the ID in the field properties:
https://www.jotform.com/help/146-How-to-find-Field-IDs-Names
However, for widgets, you need to check that in the browser via the inspect element feature.
For Google Chrome: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/.
For Firefox: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector.
- gilcoganAnswered 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