How to adjust the wrapping of the radio button question?

  • skuvantage
    Asked on January 8, 2019 at 7:06 PM

    Hi Jotform team,

     

    I have a single option question where the text isn't wrapping and flows over to an adjacent column [see attached image].

    I have tried to address this via css but have been unsuccessful to date.

     

    Can you please help?

     

    Regards

    Ash

     

    Jotform Thread 1694059 Screenshot
  • Jed_C
    Replied on January 8, 2019 at 10:25 PM

    Try adding the CSS code below and see if that helps.

    label#label_input_68_1 { 

        white-space: normal;

    }

    Let us know if you have any questions or if you need further assistance. 

  • Jed_C
    Replied on January 8, 2019 at 10:34 PM

    If you want to adjust the wrapping of the text, try the CSS code below.

    input[type="radio"] + label, input[type="checkbox"] + label{

      width: 80% !important;

      white-space:nowrap;

    }

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

      margin-top: 2px;

      display: inline-block !important;

    }

    It should look like this:

    1547004851New Briefing test   Google Chr Screenshot 10

    I hope that helps. Let us know if you have any questions or if you need further assistance. 

  • skuvantage
    Replied on January 8, 2019 at 10:37 PM

    Thanks Jed_C,


    That works. My css attempts were close, I just hadn't addressed the label correctly.


    I have a followup question however.

    Is it possible to have the wrapped text align with the start of the text rather than the radio button?


    More like this: 

    15470049122019 01 09 14 33 48 textalign Screenshot 10

    rather than this:

    15470049832019 01 09 14 33 48 textalign2 Screenshot 21


    Regards

    Ash

  • skuvantage
    Replied on January 8, 2019 at 10:38 PM

    Sorry, I just saw your second response.


    Please disregard my follow up question.

  • skuvantage
    Replied on January 8, 2019 at 10:53 PM

    Thanks again Jed_C,


    That is exactly what I was after.


    Regards

    Ash


  • Jed_C
    Replied on January 9, 2019 at 12:01 AM

    Great! Just let us know if you have any questions or if you need further assistance.