-
duqadminAsked on June 21, 2019 at 10:28 AM
Prefix
First Name
Middle
Last Name
Suffiix
The way that they are showing up on the form is a little sloppy. Thanks!
Robin
Page URL: https://form.jotform.com/91674073627968 -
AndrewHagReplied on June 21, 2019 at 11:47 AM
I am not able to replicate the issue. It seems the fields you mentioned are displaying the same as other form fields. The same styles have been applied to all sub-labels. You can check the screenshot below:
Do let us know if you need any changes on that.
-
duqadminReplied on June 21, 2019 at 11:55 AM
To clarify, I was wondering if it's possible to stack them. So five single fields would be stacked instead of two fields (prefix and first name), two fields (middle name and last name) and then one field, suffix.
-
AndrewHagReplied on June 21, 2019 at 1:21 PM
Please try the CSS code below:
#cid_7{
max-width: 100%;
width: 100%;
}
[data-type="control_fullname"] .form-sub-label-container{
width: 90px !important;
margin-right: 5px !important;
}
Here is the guide: How-to-Inject-Custom-CSS-Codes
-
duqadminReplied on June 21, 2019 at 1:27 PM
Thanks, it is showing the items in a straight line across the page. I was hoping to stack them instead of having them straight across the page.
-
AndrewHagReplied on June 21, 2019 at 2:47 PM
Sorry for the confusion. Please remove the previous CSS code and add the new code below:
[data-type="control_fullname"] .form-sub-label-container{
width: 100% !important;
}