What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Moving product item options into each own line

    Asked by bsupplied on February 11, 2015 at 06:32 PM

    I am trying to figure out why the middle options are not each on there own line like the top and bottom choice.

     

     

    Screenshot
    product and top
  • Profile Image
    JotForm Support

    Answered by Welvin on February 11, 2015 at 08:14 PM

    Hi,

    A workaround would be to adjust the width of the product dropdown options to a fix size. You can inject the following custom CSS codes to your form:

    [data-type="control_payment"] .form-sub-label-container .form-dropdown {

    width: 125px !important;

    }

    Here's how you can inject the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    You can also turn options into a single line, like this:

    By just simply adding the following custom CSS codes:

    [data-type="control_payment"] .form-sub-label-container .form-dropdown {

    width: 100% !important;

    display: block !important;

    }

    Thank you!