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 and make it as one column.

    Asked by oseo5510 on August 25, 2013 at 09:27 PM

    Right now, on my form mentioned, the other option cannot be aligned in one line with other options as it should.

     

    I know I have asked this before, but i cannot seem to find it, I must have asked it under a client username or something, but i did check the username i had before this one was changed/created by admins, yet i cant find the thread there either.

     

    Please provide me with the CSS that will align the Other option with the rest of the options in radio button for Network.

    Page URL:
    http://form.jotform.co/form/32368136600853

    alignment other option check find network
  • Profile Image

    Answered by khrisell on August 25, 2013 at 10:16 PM

    Hello,

    I have checked your form, created a clone and to be able to make it all one column, you don't need to inject CSS.

    You just need to make it a 1 column rather than 4 columns (Current setting).

    Is this what you are trying to achieve?

    (Clone)

    http://form.jotformpro.com/form/32368002327952?

     

    If so, this is what I have done with the clone I created.

    1. Click the Radio button field

    2. Select Spread Columns.

    3. And set how many columns you want to set on that radio button.

     

    Here's an instructional video I have created for you.

     

     

    Kindly let us know if you have further questions or inquiry and we'll be glad to help.

     

    Thank you for using JotForm.

  • Profile Image

    Answered by khrisell on August 25, 2013 at 11:01 PM

    Hello Again,

    If you are pertaining to the "Allow other" to be aligned with the rest of the radio button in a row.

    I have created a CSS code that you need to inject.

    #id_16 {

    padding-left:35px;

    }#id_16 .form-radio-item {

    width:100px !important;

    }

    #cid_16 {

    position:relative;

    }

    #other_16 {

    position:absolute;

    top:0px;

    left:290px;

    }#input_16 {

    position:absolute;

    top:0px;

    left:310px;

    }

     

    Please let us know if you need further assistance.

    Thank you. :)

  • Profile Image

    Answered by oseo5510 on August 26, 2013 at 12:58 PM

    2nd try, u got it mam! Thanks