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

  • Profile Image
    Still002
    Asked on August 01, 2018 at 05:40 AM

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

  • Profile Image
    furkancan 
    Answered on August 01, 2018 at 09: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.png

    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 !