-
tortoisesAsked on April 1, 2025 at 10:43 PM
Hello,
I can use some help with formatting a form. Here is the link to the form, https://form.jotform.com/200887443582159. I would like to adjust the format such that the drop down of quantity appears in the same line as the item. For example, I would like to see the quality drop down next to the $250 for Speaker sponsorship. Is that feasible? See attached screen shot for an example of what I would like for it to look like.
Thank you!
Michael -
Roi JotForm SupportReplied on April 2, 2025 at 9:17 AM
Hi Michael,
Thanks for reaching out to Jotform Support. I understand the issue, but I'll need time to move forward with the solution. I'll be replying to you shortly.
Thanks for your patience and understanding
-
Roi JotForm SupportReplied on April 3, 2025 at 9:42 AM
Hi Michael,
Simply insert this CSS code to align the quantity dropdown on the same line as the item
- In the Form Builder, select the paint roller icon in the upper-right corner.
- In the Form Designer panel on the right, go to Styles at the top.
- Enter your code under Inject Custom CSS. All changes are saved automatically.
.form-product-container {
display: inline-block;
width: auto;
}
.form-product-item-detail br {
display: none;
}
.form-sub-label-container {
vertical-align: top;
margin-left: 10px !important;
display: unset;
}
Check out my screencast below :
-
tortoisesReplied on April 3, 2025 at 10:58 AM
Thanks, Roi. That worked!
Your Answer
Something Went Wrong
An error occurred while generating the AI response. Please try again!