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 to Align Radio Button Options in One Row?

    Asked by edocx on February 22, 2016 at 09:43 AM

    How do i get the three accross check boxes "The Not to exceed section and the Asap section to align with the vertical Check boxes such as not to exceed 32 hours? Rather then the way it is now to the left. Please see the example below. 

     

    all thank can't JotForm uploads check png
  • Profile Image
    JotForm Support

    Answered by mert on February 22, 2016 at 11:27 AM

    Hi there,

    For the "Radio Button" fields, there is a option called "Spread Columns". With that one you can decide how many columns you want for your radio button options. For example, if you select 1, it will align all three options in one column or if you set it 3, the all three options will be divided in three columns.

    Please, see it from the below:

     

    In addition to this, we can add some customizations to that field by using some custom CSS codes. Please, let us know, if you want further assistance.

     

    Thanks.

  • Profile Image

    Answered by edocx on February 22, 2016 at 12:07 PM

    I think you misunderstood my question.  Note where the not to "exceed hours is located"

     

    Can I align the not to exceed parts under that if I leve it on my form as 3 horizontal columns?

    If so how do I do that?

     

    Thank you

  • Profile Image
    JotForm Support

    Answered by mert on February 22, 2016 at 12:52 PM

    Now, I understand what you really want. Please, use the following CSS to do desired changes:

     

    #id_33, #label_33 {

        text-align: center;

    }

     

    Please, see the changes from the image below:

     

    If you want to label on the left side again, please erase the ", #label_33" part from the code. For further assistance, please do let us know.

     

    Thanks.