Differentiate between items checked and not checked

  • callseodeb
    Asked on March 25, 2015 at 10:53 AM

    Hi,

    My client has an extensive form to fill out with many fields....it is a moving company.  When he receives the form filled out he is having trouble trying to figure out what was checked and what is just part of the form....is there any way to have just the items checked show up?  or have them bolded in some way...so it is easier to tell the difference?

    thanks

  • Charlie
    Replied on March 25, 2015 at 12:38 PM

    Hi,

    May I know what you meant when you mentioned "he receives the form filled"? Are you referring to the email notification or the PDF submission? In the email notification and PDF, it will only display checkbox items that are selected, not all options.

    If you are referring to the form being displayed and making the selected checkboxes to be more visible, then you can add this custom CSS code inside the form designer.

    input[type=checkbox]:checked + label {

      color: red !important;

      font-weight: bold;

      background-color: black !important;

    } 

    You can adjust the background and font color, you can also add a font-size and other styling.

    Differentiate between items checked and not checked Image 1 Screenshot 20

     

    I've cloned  your form and apply the custom CSS. You can check how the form will looked like in your end here: http://form.jotformpro.com/form/50835373710958?.

    I hope this helps.

    Kind regards.