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

    How to increase the width of dropdown options in payment tool?

    Asked by sofiman on July 27, 2016 at 07:56 AM

    Hello,

     

    I have an order form with a list of flavors and every flavor has 2 options (Quantity and Nicotine) I shrink it and it looks good now, but option number 2 (Nicotine) does not show in full and instead it shows only "N" ! when I try to expand it again it shows in full but not in a nice order.

     

    How to solve this ?

    Page URL:
    https://www.myjotform.com/form/62081946695568?preview=true

    Screenshot
    shrink shown full how
  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 27, 2016 at 09:50 AM

    Hello sofiman,

    It seems you have removed the other options form your payment tool. I did check your form and found that it only has quantity dropdown. Please inject the following custom css code in form to change the width of dropdown field of payment options:

    .form-subproduct-quantity {

        width: 100px !important;

    }

    The following guide should help you how to inject custom css code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!