For a multiple choice section, how do I extend the length of the label so that it does not wrap to the next line?

  • TroyHistoricVillage
    Asked on March 28, 2020 at 10:23 PM
    Jotform Thread 2230990 Screenshot
    Page URL: https://www.jotform.com/build/60117048845152
  • roneet
    Replied on March 28, 2020 at 11:26 PM

    If it does not wrap to the second line then it to adjust itself in a single line it would go out of the page boundary of the form as shown:

    For a multiple choice section, how do I extend the length of the label so that it does not wrap to the next line? Image 10

    Do you want to make the fonts smaller? We can try to make the fond ver small to adjust it?

    Looking forward to your response.

    Thanks.

  • TroyHistoricVillage
    Replied on March 29, 2020 at 8:33 AM

    Sorry I guess I misnamed what I was looking to do.  I am ok with the label wrapping.  I would like the multiple choice lines to not wrap (i.e., line B 1928-1942 Roadster or Convertible).  Can that be done?

  • John Support Team Lead
    Replied on March 29, 2020 at 10:50 AM

    You can add this custom CSS code to your form:

    span.form-radio-item {

        white-space: nowrap!important;

    }

    It will keep the radio button labels to not break.

    GUIDE: How-to-Inject-Custom-CSS-Codes 

  • TroyHistoricVillage
    Replied on March 29, 2020 at 12:17 PM

    thank you - do I just add it to the bottom of the CSS code box for that section under Field IDs?

    1585498630Screen Shot 2020 03 29 at 12 Screenshot 10

  • TroyHistoricVillage
    Replied on March 29, 2020 at 12:20 PM

    Got it to work!  thanks!

  • TroyHistoricVillage
    Replied on March 29, 2020 at 12:37 PM

    Now I see that the radial buttons line up but no the names on each line.  How do I fix that?

    1585499862Screen Shot 2020 03 29 at 12 Screenshot 10

  • John Support Team Lead
    Replied on March 29, 2020 at 1:49 PM

    It seems you already managed to align them. Let us know if you need further assistance:

    For a multiple choice section, how do I extend the length of the label so that it does not wrap to the next line? Image 10

    This can be adjusted by aligning them in the field's settings.

    15855042572230990 2 Screenshot 21

  • TroyHistoricVillage
    Replied on March 29, 2020 at 10:28 PM

    When I do a form preview, they are not aligned like you see above (see line B & C, et al).  I am not sure I understand how to correct under settings for this section.

    1585535239Screen Shot 2020 03 29 at 10 Screenshot 10

  • roneet
    Replied on March 30, 2020 at 1:05 AM

    I am not sure why it is showing this way as per your screenshot at your end, probably clearing browser cache would help.

    Could you please clear your browser cache and see if the issue persists or try in the incognito mode.

    https://www.refreshyourcache.com/en/home/

    https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DAndroid&hl=en

    I am also not able to replicate any issue with the checkboxes.

    For a multiple choice section, how do I extend the length of the label so that it does not wrap to the next line? Image 10

    Also, please try viewing the live link in the browser.

    Thanks.