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

  • Profile Image
    TroyHistoricVillage
    Asked on March 28, 2020 at 10:23 PM
  • Profile Image
    roneet
    Answered 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:

    15854523091.PNG

    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.

  • Profile Image
    TroyHistoricVillage
    Answered on March 29, 2020 at 08: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?

  • Profile Image
    JohnRex
    Answered 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.

    GUIDEHow-to-Inject-Custom-CSS-Codes 

  • Profile Image
    TroyHistoricVillage
    Answered 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.1

  • Profile Image
    TroyHistoricVillage
    Answered on March 29, 2020 at 12:20 PM

    Got it to work!  thanks!

  • Profile Image
    TroyHistoricVillage
    Answered 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.3

  • Profile Image
    JohnRex
    Answered on March 29, 2020 at 01:49 PM

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

    15855041432230990.png

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

    15855042572230990 2.png

  • Profile Image
    TroyHistoricVillage
    Answered 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.2

  • Profile Image
    roneet
    Answered on March 30, 2020 at 01: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.

    15855446321.PNG

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

    Thanks.