How to have the fields hidden on the form?

  • Profile Image
    max123jot
    Asked on September 07, 2016 at 07: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
    ...
  • Profile Image
    Kiran
    Answered on September 07, 2016 at 07: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.

    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. 

  • Profile Image
    max123jot
    Answered on September 07, 2016 at 09: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
    ...
  • Profile Image
    max123jot
    Answered on September 07, 2016 at 09:45 PM
    works
    ...
  • Profile Image
    ashwin_d
    Answered on September 08, 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:

     

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

     

    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!