How can I set a different width of multi-column radio buttons for each question?

  • InjazLebanon
    Asked on November 6, 2017 at 9:34 AM

    Hello!

    I found the below example code that sets the width to all the questions of the form that has multi-column radio buttons:

    .form-radio-item {

        width : 200px !important;

    }

    However, in my form, I would like to set a different width for different questions. For example, I would like to set a smaller width between the radio buttons answers of the question "Current year of study" to have all the answers on one line, but a larger width for the question "Are you currently part of any other internship program?" to avoid the text wrap.

    Thank you so much for your amazing support!

  • Kevin Support Team Lead
    Replied on November 6, 2017 at 11:08 AM

    You could apply the code to only certain fields by getting their field ID number, this guide will help you getting it: https://www.jotform.com/help/146-How-to-Find-Field-IDs-and-Names 

    Just copy the number, for example, if you find "#input_4" just copy the "4" and replace it on the code below: 

    #id_NUMBER .form-radio-item {

        width : 200px !important;

    }

    That will change the width only for the specified field. 

    I hope this helps.