-
skuvantageAsked 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
-
Jed_CReplied 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_CReplied 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:
I hope that helps. Let us know if you have any questions or if you need further assistance.
-
skuvantageReplied 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:
rather than this:
Regards
Ash
-
skuvantageReplied on January 8, 2019 at 10:38 PM
Sorry, I just saw your second response.
Please disregard my follow up question.
-
skuvantageReplied on January 8, 2019 at 10:53 PM
Thanks again Jed_C,
That is exactly what I was after.
Regards
Ash
-
Jed_CReplied on January 9, 2019 at 12:01 AM
Great! Just let us know if you have any questions or if you need further assistance.