Moving product item options into each own line

  • Profile Image
    bsupplied
    Asked 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.

     

     

  • Profile Image
    Welvin
    Answered 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!