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

  • Profile Image
    Asked 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?
  • Profile Image
    Answered 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
    Answered on May 07, 2016 at 05:18 PM

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


    We will attend to it shortly.