Looking for help with formatting a form

  • tortoises
    Asked 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

    Jotform Thread 25806661 Screenshot
  • Roi JotForm Support
    Replied 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 Support
    Replied 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

    1. In the Form Builder, select the paint roller icon in the upper-right corner.
    2. In the Form Designer panel on the right, go to Styles at the top.
    3. 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 : Looking for help with formatting a form Image 1 Screenshot 20 Give it a try and reach out again if you have any other questions.

  • tortoises
    Replied on April 3, 2025 at 10:58 AM

    Thanks, Roi. That worked!

Your Answer