What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    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

    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

    group fields style fields add groups
  • Profile Image
    JotForm Support

    Answered by Mike 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.

  • Profile Image

    Answered by chaofeng 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:

    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

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 24, 2015 at 04: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.