-
accessopportunityAsked on August 18, 2020 at 7:41 PM
I am working on a large application form. For questions with longer answers (essay questions), I prefer to have the question top aligned. However, when I do so, the width of the text box does not adjust accordinly.
How can I adjust the width of top-aligned text area boxes to align with right-aligned text boxes? Here is a visual of what I am hoping to do:
Page URL: https://form.jotform.com/201244321458952 -
Jed_CReplied on August 18, 2020 at 11:10 PM
Kindly try adding the CSS code below and that should increase the width to 100%.
[data-type="control_textarea"] .form-input-wide, textarea {
max-width: 100% !important;
}
Let us know if you have any questions or if you need further assistance.
-
accessopportunityReplied on August 19, 2020 at 12:50 PM
That worked well, thank you!
I've also noticed that when you add a sublabel to a text box, the width will condense itself. For example:
IIs there a way to fix this?
-
Jimmy_DReplied on August 19, 2020 at 7:48 PM
Hi!
Kindly add the following CSS code to your form to prevent the input from shrinking when a sub-label is added to a field.
span.form-sub-label-container {
min-width: 100%!important;
}
Let us know should you need more help.