How can I use different colors for text boxes in the same form?

  • Still002
    Asked on August 1, 2018 at 5:40 AM

    F.i. I want the text box "Name" in blue, and the text box "Address" in yellow.

  • furkancan
    Replied on August 1, 2018 at 9:18 AM

    On the Classic layout, you can change color of textbox by injecting custom CSS code.


    I'll tell you step by step the solution.You must find the field IDs for each field.For the solution;

    1)You must open Field properties by double click to field.

    2)After that you click to Advanced and at the bottom of the Advanced tab, you will see Field Details.

    3)You must copy this ID and go Inject Custom CSS in the Form Designer and paste the ID.

    1533129140Adsız Screenshot 10

    You can follow this user guide in order to learn how to İnject Custom CSS ; https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I'll give an example you below ;

    #first_3, #last_3

    {

    background-color: blue;

    }

    #input_15_addr_line1, #input_15_addr_line2, #input_15_city, #input_15_state, #input_15_postal, #input_15_country

    {

    background-color: yellow;

    }

    I hope, I could help you. Good Luck !