-
adeaAsked on April 18, 2024 at 1:23 PM
I want to add a border on 4 different fields on my form. I looked at this help document - https://www.jotform.com/answers/2318510-adding-a-border-around-a-single-form-element. It mentions that each field has a unique ID# How do I find the ID# of my fields? The 4 fields are Paragraph fields and I have found the Unique Name, but I don't see an ID#. The 4 separate fields (REMINDER) are only displayed if someone answers YES to one or more of 4 earlier questions.
Page URL: https://form.jotform.com/233046024253142 -
Victorino_S JotForm SupportReplied on April 18, 2024 at 1:57 PM
Hi adea,
Thanks for reaching out to Jotform Support. You can use the browser's Inspect Element tool to identify the form field's ID or Class Selectors. This guide will show you how to do that. Here's an example screenshot using the Inspect Element from the Brave browser:
Regarding your form requirements, we may apply borders to your specified Paragraph fields using custom CSS code. Here's how to do it:
- Click the Paint Roller icon on the top-right of Form Builder.
- Go to the Styles tab.
- Scroll down to the Inject Custom CSS section and add the following CSS code:
/* Add borders to the specific Paragraph fields | Thread: 14034241 */
#id_123, #id_124, #id_125, #id_126 {
border-style: solid;
border-color: red;
}
/* END */
Give it a try, and let us know how it goes.
-
adeaReplied on April 18, 2024 at 2:09 PM
This is perfect. Thanks so much!!!