How do I position fields next to each other

  • Profile Image
    Asked on March 21, 2016 at 06:00 PM

    Hello there!

    I'm feeling a bit stumped...Is it possible to have multiple rows where specific options within a row might change or be different from the row above or below it?

    Here's what I'm trying to do: I need to find out if form users have one (or all) of three types of employees on their farms -- full-time, part-time or seasonal.

    For each option they select, I'd like to have them then input number of each type of employee.

    I'd like the final setup to look something like this, where "x" is a checkbox:



    x Full-Time [Number Box]

    x Part-Time [Number Box]

    x Seasonal [Number Box]


    When I attempted the above in the widget, however, I got a checkbox option with those three choices, but only one number box.... Duplicating the row also duplicated all the employee types -- which, sure, I could do, but it looks clunky and has unnecessary duplication.

    I tried a different setup, making each employee type its own column, leaving the column header blank (e.g. -- :checkbox: full-time), but then couldn't figure out how to get the next row to be just a row of number boxes aligned under the checkboxes.

    This setup would also be fine (but is it possible?).

    x Full-Time x Part-Time x Seasonal

    [Number box] [Number box] [Number box]

    The only way I could figure out to sort of do what I wanted was with a dropdown box and number box each in its own column .... but the problem there is then I can't specify unique default text in each drop-down.

    Is there a way to set this up that would accomplish what I'd like to do? I'd like this to be as straightforward for users as possible....

    Is there a better way to do it with the standard JotForm tools, rather than the widget? It didn't appear so to me...

    Thanks so much for your help!


    This is a re-post of a comment on How to Set Up the Configurable List Widget

  • Profile Image
    Answered on March 21, 2016 at 06:20 PM

    The easiest way to show specific fields based on selections previously made in the form would be to show them conditionally:

    If you are simply trying to position the number fields next to the the check box fields, that can be done by shrinking the fields: