- chaofengAsked 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!
- JotForm SupportMikeAnswered on September 22, 2015 at 02:26 PM
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.
- chaofengAnswered on September 23, 2015 at 07:14 PM
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!
- JotForm SupportChriistianAnswered on September 24, 2015 at 04:18 AM
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.