What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How do I hide a field - what code to I inject into the CSS?

    Asked by mmartin077 on September 21, 2012 at 01:16 PM

    I have a field that was required, but now I don't need, but I need to keep for historic purposes.  I just need to hide it.  I know I need to inject CSS code, but I can not find samples on how to do it.  NOTE:   On your forum screen for INJECT, I can not advance to follow-on pages.  I click 2, 3, 4, 5, ... > or >> and the screen stays on the same page.

     

    Thanks,

    Michael

     

    Page URL:
    https://www.medicalalertdiscount.com/order.html

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 21, 2012 at 01:36 PM

    Michael,

    The code to be injected should look something like this:

    #id_15 {
    display:none;
    }

    where id_15 represent the ID for the field to be hidden.

    To get the ID of a particular field:

    1.  Preview your form (Open in new tab) then view the form's source [Right-click > View Source]

    2.  While viewing the page source, find the label of your field, then get the id attribute of the li tag above it.


    3.  Use that ID to replace the id value in the CSS codes I provided above.