How can I fix the width of the checkboxes and radio buttons?

  • Profile Image
    CVNoseworks
    Asked on July 26, 2017 at 09:03 PM

    Hi

    I seem to have an issue with text wrapping in a multiple choice field, it looks right in build mode, but in Preview Mode it wraps the text. I've attached a screenshot so you can see.

     

     

  • Profile Image
    Jim_R
    Answered on July 27, 2017 at 02:51 AM

    There's a high chance the issue originated with the template or form you generated or cloned this from. To fix this, inject the following CSS codes to your Form Builder:

    .form-checkbox-item, .form-radio-item {

        min-width: 600px !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes 

  • Profile Image
    CVNoseworks
    Answered on July 27, 2017 at 10:47 AM

    Thank you. Now I have another question. I can put in a new thread instead of using this one if you like.

    question is, is there anyway i can have the radio buttons across instead of vertical? Example the above screen shot. I'd like to have the 3 Started buttons across, the 3 Advanced across, and the 3 Excellent, this way the form isn't so long
  • Profile Image
    Nik_C
    Answered on July 27, 2017 at 12:47 PM

    @CVNoseworks,

    I opened a new thread for you, so we will attend it here: https://www.jotform.com/answers/1209947

    Thank you!