JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
How can I group multiple fields without using field collapsing or hiding the grouped fields?Asked by chaofeng on September 22, 2015 at 12:24 PM
I’m wondering if there’s a way to group multiple fields together and customize css to style the different groups. I know that you can probably achieve this through using field collapse (or conditions with field collapse), but I’m wondering if there’s other solution so that all the fields can always be displayed without being hidden.
Here's an image on dropbox, showing how I want the grouped fields to look like:
Looking forward to hearing back from you, much appreciated!
Thank you for contacting us.
There is no a field group option available in the form builder. What you can try is the Form Collapses set to the Status[Open] and Visibility[Hidden].
Then, apply your custom CSS to the Form Collapse elements.
Alternatively, you can get the form source code, and add your own modifications when it is embedded.
If you need any further assistance, please let us know.
Thanks a lot! Setting the status to open and visibility to invisible works well!
I've followed your instructions and most groups of fields are looking fine.There's only one issue if the last field is an upload field, it won't be affected by the customized styling.
A test form can be found here:
And if you preview it, you should be able to see that on the Event Info page, the upload button is outside the white box. But strangely, on the Graphic Assets page, all the upload buttons are inside the box, which is what I want...
I am having problem figuring out why this happens, so maybe you can give me a hand?
Thanks so much!
On behalf of my colleague, Mike, you are welcome. Regarding your other issue, I have moved it to a new thread so we can help you better. You can find it here: http://www.jotform.com/answers/669258.