Add borders to specific Paragraph fields in my form

  • adea
    Asked 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.


    Add borders to specific Paragraph fields in my form Image 1 Screenshot 20

  • Victorino_S JotForm Support
    Replied 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:

    Add borders to specific Paragraph fields in my form Image 1 Screenshot 30

    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 */

     Add borders to specific Paragraph fields in my form Image 2 Screenshot 41


    Give it a try, and let us know how it goes.

  • adea
    Replied on April 18, 2024 at 2:09 PM

    This is perfect. Thanks so much!!!

 
Your Answer