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

    CSS Styling of checkbox fields

    Asked by gijs_ros on April 18, 2016 at 10:52 AM

    Hi Jotform,

    i am trying to style my form using CSS code, but i am having some troubles with the checkbox fields on page 3 of my form:

    https://form.jotformeu.com/60573168018355

    Each Collapse item has multiple fields in it. Some are based on an earlier input (Geslacht (Gender): Man or Vrouw)

    I am trying to accomplisch that every Collapse item contains 2 neat columns.. But whatever i try, the form shows big white gaps between the fields.

    Can you help me?

    Thanks in advance,

    Sven

    checkbox JotForm style multiple fields
  • Profile Image
    JotForm Support

    Answered by KadeJM on April 18, 2016 at 01:31 PM

    If I am understanding you correctly you want to make your form field options placed into two columns whereas right now they are kinda all over the place with large gaps.

    I'd suggest starting off by adjusting the option spread for each so that it's in two columns and then if you need to you can then use additional css to adjust it more if necessary.

    See https://www.jotform.com/help/328-How-to-Position-Fields-in-JotForm 

     

    Also, be advised that this is additionally based on the width of your form so it may potentially require further tweaking.