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

    Just display the title of a textbox while hiding the box itself

    Asked by afgcashout on May 07, 2016 at 02:57 PM

    I started a form from someone else's form and needed to duplicate part of it but when I duplicated the fields I needed more of, what had been just a header above other fields suddenly had a box under it that hadn't been there before. I can figure out how to hide or remove that unneeded box. See my form at: https://form.jotform.com/61244724890155. It is the large box under the ---------PENNIES---------- header that I'd like to get rid of. Copied from the line called NICKELS right above it. Any thoughts or help for this? Also,

    how do I add more boxes side by side to this form if I want to?
    Page URL:
    https://form.jotform.com/61244724890155

    textbox hiding side by side css
  • Profile Image
    JotForm Support

    Answered by jonathan on May 07, 2016 at 05:16 PM

    I see what you meant when I checked your form https://form.jotform.com/61244724890155

     

     

    That is actually a Textbox field -- so it was meant to be used as an input field. 

     

    If you only want to use a text or label text, its appropriate to use the TEXT field instead.

    Now to get rid of the input box of that Textbox field, you will just need to add to the CSS code the input ID# of that field.

    Follow this steps:

    #1 Go to your form injected CSS codes

    #2 Look for this part of the code.

    #input_123, #input_124, #input_125, #input_126, #input_127, #input_128, #input_129, #input_130, #input_131, #input_132, #input_133, #input_142 {

        display : none;

    }

    #3 The textbox PENNIES field ID# is #input_142  . You may noticed that it wasn't on that code. Just add it.

     

    #4 SAVE the settings

    ---

    If done correctly, it should fix and hide that input box like this.

     

    Hope this help. Let us know if this did not work.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on May 07, 2016 at 05:18 PM

    Since the other question was about a different feature, I created a thread for it here 

    https://www.jotform.com/answers/834600

    We will attend to it shortly.