How to add CSS to the inventory widget to change the size of the selection drop down

  • jasonsvctech
    Asked on December 31, 2017 at 8:26 PM

    Is it possible with CSS injection to change the size characteristic of the inventory widget bulk quantity selector?  Currently it is pretty small and I wanted to make it a little more visible for ease of use. Please inform me on how to proceed with that. 


    Kind Regards,

    Jason

  • Ashwin JotForm Support
    Replied on January 1, 2018 at 5:43 AM

    Yes it is possible to customize the quantity dropdown by injecting custom css code. Please inject the following custom css code in your inventory widget and that should solve your problem:

    .checklist input[type=number], .checklist select.item {

        height: 30px;

        width: 50px;

    }

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

    Hope this helps.

    Do get back to us if you have any questions.