How to align radio button and make it as one column.

  • Profile Image
    oseo5510
    Asked 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.

  • Profile Image
    khrisell
    Answered 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
    khrisell
    Answered 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
    oseo5510
    Answered on August 26, 2013 at 12:58 PM

    2nd try, u got it mam! Thanks