How can I group multiple fields without using field collapsing or hiding the grouped fields?

  • chaofeng
    Asked on September 22, 2015 at 12:24 PM

    Dear Jotform,

     

    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:

    https://www.dropbox.com/s/cgdvu1uz2xyb0w8/p_form_event-Recovered.jpg?dl=0

     

    Looking forward to hearing back from you, much appreciated!

     

    Best,

      

    Chao

  • Mike
    Replied on September 22, 2015 at 2: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].

    How can I group multiple fields without using field collapsing or hiding the grouped fields? Image 1 Screenshot 30

    Then, apply your custom CSS to the Form Collapse elements.

    How can I group multiple fields without using field collapsing or hiding the grouped fields? Image 2 Screenshot 41

    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.

  • chaofeng
    Replied on September 23, 2015 at 7: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:

    http://www.jotform.com/?formID=52657248699272

    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!

     

    Best,

    Chao

  • Chriistian Jotform Support
    Replied on September 24, 2015 at 4:18 AM

    Hi,

     

    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.

     

    Regards.