Make fields stay on position when other fields are hidden?

  • billsMusic
    Asked on May 15, 2018 at 4:15 AM

    I am trying to set up an availability schedule for a job application. I have the conditions set so if someone checks off "Unavailable Sundays," the corresponding schedule for Sundays disappears so they are no longer required to input their availability. I shrunk these fields so they would appear next to each other on the same line. However, when an unavailability box is checked and the corresponding day disappears, the other fields for other days and unavailability buttons rearrange themselves instead of staying in their original lines, where they line up nicely. How can I make it so the corresponding day still disappears, but all the other fields stay in their original lines?

    I hope I'm being clear, I am completely new to Jotform and CSS.

  • Victoria_K
    Replied on May 15, 2018 at 8:37 AM


    I have reviewed your form and can now undertand what you are trying to achieve. Unfortunately, I can not see an option to apply css codes conditionally, it is might possible, but needs some time to implement. If the field is hidden, it is removed from the form, that is why other fields change their position. Don't you want to re-create conditional statements to disable form fields instead of hiding them? 

    1526387680screencast55 Screenshot 10

    1526387695Screenshot 2 Screenshot 21

    1526387714screenshotw2p40 Screenshot 32

    Please let us know if this does not help.

    Thank you.

  • billsMusic
    Replied on May 16, 2018 at 4:27 PM

    Perfect! I didn't realize this was an option, still learning about everything Jotform has to offer. This 100% fixes my issue, thank you!