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 can I permanently turn a hidden field into a visible one?

    Asked by sommier on January 03, 2013 at 02:29 PM

    Hi! Sorry for this basic question, but I can't find the answer in JotForm options, or the forum:

    I have a hidden field in a form, and I want to make it permanently visible.

    Is that possible?

    I don't want to delete that field and replace it with a visible one, because that would cause Google Spreadsheet Integration to create a new doc, loosing hours of customization and work.

    Thanks!!!

    Page URL:
    http://form.jotformpro.com/form/23466009020948

    hidden create find hidden into visible visible hidden field visible field hidden field modifying fields source code custom code
  • Profile Image
    JotForm Support

    Answered by Deygus on January 03, 2013 at 02:47 PM

    Hello, I think that this should be possible. Could you please tell us which field it is that you are trying to make visible and we will try to help you out.

    Though I'm not quite sure that this would work because if you change the field there is a chance that your google spreadsheet may not recogize the field due to this but we can still try this if you want.

    Also, could you please clarify which form it is? I currently see two different forms linked on this thread so could you please let us know which one?

  • Profile Image

    Answered by sommier on January 03, 2013 at 02:53 PM

    Thanks for your quick response! I want to make that change in two forms:

    http://form.jotformpro.com/form/23466009020948

    http://form.jotformpro.com/form/23476263876970

    (once I know how to do it in one of them, I can replicate the cange in the other).

    The hidden field is e-mail

    I wait for your instructions, thanks!

  • Profile Image
    JotForm Support

    Answered by Deygus on January 03, 2013 at 04:07 PM

    Hello after inspecting your form I've come to realize that this will need to use your form's source code. At the bottom of the source coding you'll find the line containing the hidden field -

    Replace this Line:

    <input type="hidden" class="form-hidden" value="usuario@sommiercenter.com" id="input_104" name="q104_email104" />

    With this New Line:

    <input type="text" class="form-textbox" value="usuario@sommiercenter.com" id="input_104" name="q104_email104" />


    You will basically notice you are only changing what is hidden (as highlighted in red) to text and textbox. Or if you want it to be where it is just a regular email field it will be Email instead.

    In addition to this you will have to move this line of code back to the top of the form next to the other by placing the code right under neath the end of Line #id_98 otherwise it will be set offcenter and stuck at the bottom of your form.

    To do this you will need to add in a new section under it -

    <li class="form-line form-line-column" id="id_104">

            <label class="form-label-top" id="label_104" for="input_104"> E-mail </label>

            <div id="cid_104" class="form-input-wide">

              <input type="email" class="form-textbox validate[Email]" id="input_104" name="q104_email104" size="30" />

            </div>

     

    If you don't want the email setup as shown above you can just replace the end Line -

    <input type="email" class="form-textbox validate[Email]" id="input_104" name="q104_email104" size="30" />

    with the original New Line:

    <input type="text" class="form-textbox" value="usuario@sommiercenter.com" id="input_104" name="q104_email104" />

    I hope this helps but if you need more assistance just let us know.

     

  • Profile Image

    Answered by sommier on January 03, 2013 at 05:17 PM

    Thanks for your response! Let me see if I got it right:

    Doing this means I must host the form in a webpage on my own server, and that I can no longer use your WYSIWYG form editor, nor the iFrame code?

    So, each time I change the online JotForm, I'd have to download the code again, modify it (to unhide the field), and then upload it to a webpage in my server?

    Is there a way to do this change withing JotForm's code, so I can go on using your service as usual?

  • Profile Image
    JotForm Support

    Answered by Mike_T on January 03, 2013 at 05:28 PM

    So, each time I change the online JotForm, I'd have to download the code again, modify it (to unhide the field), and then upload it to a webpage in my server?

    You are completely right.

    Is there a way to do this change withing JotForm's code, so I can go on using your service as usual?

    I am sorry to inform you, but this is not possible since the fields are hard coded on the system.

    Please let us know if you need any further assistance.

  • Profile Image

    Answered by sommier on January 22, 2013 at 02:58 PM

    Thanks for your reply.

    I deleted the hidden field and inserted a new visible one.

    In the future, it would be great (for the wish-list!) if one could change an existing field. For example: from hidden to visible (and viceversa), from text-box to text-area, etc. so that JotForm would keep the existing information, changing a field without changing its name or associated data...

    Thank you anyways!

  • Profile Image

    Answered by dreinmann on April 08, 2013 at 11:08 PM
    I would also like to see this functionality.
  • Profile Image

    Answered by jeanettebmz on April 08, 2013 at 11:58 PM

    @dreinmann

    Can you please open a separate thread and post your request there so we can open a ticket for it?

    Thanks