How to have the fields hidden on the form?

  • max123jot
    Asked on September 7, 2016 at 7:30 PM
    hoping to place an image close to the input field (revealed)
    then a second set of image and input field (hidden)
    please advise
    thanks
    m
    ...
  • Kiran Support Team Lead
    Replied on September 7, 2016 at 7:36 PM

    Do you mean to have an image and input field to be displayed and the other image and input field to be hidden? If so you may place these fields normally on the form and can hide the second fields by selecting hide field from the field properties.

    How to have the fields hidden on the form? Image 1 Screenshot 20

    If you want to display them on the form based on a field selection, you may add conditions to the form. Please refer to the guide below that can help you with it.

    https://www.jotform.com/help/196-Hide-or-Show-Multiple-Fields-at-Once

     

    Hope this information helps! Let us know if you are referring something different. We will be happy to assist. 

  • max123jot
    Replied on September 7, 2016 at 9:45 PM
    Works
    but I don't know how to do the formatting to keep the fields close to each
    other
    is there like a choice for padding or #
    columns
    I don't really understand
    m
    ...
  • max123jot
    Replied on September 7, 2016 at 9:45 PM
    works
    ...
  • Ashwin JotForm Support
    Replied on September 8, 2016 at 12:01 AM

    Hello max123jot,

    I am not sure if I have understood your question correctly. Do you mean to say that you want to reduce the space between form fields so that they can appear closer? Please check the screenshot below:

    How to have the fields hidden on the form? Image 1 Screenshot 30

     

    You can take advantage of our form designer to change the line height and that should solve your problem. Please check the screenshot below:

    How to have the fields hidden on the form? Image 2 Screenshot 41

     

    Alternatively you can also inject the following custom css code in your form:

    .form-line {

        padding: 5px 30px 0px 30px !important;

    }

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!