Can the Inventory widget please be coded to be responsive?

  • colonialindy
    Asked on March 15, 2016 at 10:14 AM

    While I had my entire form set to be responsive, the Inventory widget kept it from truly being responsive on my iPhone. However, when I resized the Inventory widget to be no more than 300, it looked great on the iPhone. It would be nice to have the Inventory widget automatically respond to screen size with the rest of the form. Thanks!

  • Elton Support Team Lead
    Replied on March 15, 2016 at 11:22 AM

    I think the inventory widget is already responsive but it is it's iframe container that is not. Try to inject this CSS codes to your form, this should make all framed widgets responsive including the inventory widget.

    iframe {

        width: 100% !important;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps!

  • colonialindy
    Replied on March 15, 2016 at 11:44 AM

    Thanks! I already have customized code in my form. Does it matter where I insert this?

  • Elton Support Team Lead
    Replied on March 15, 2016 at 11:50 AM

    Please paste it into the most bottom part. Thanks!

    This is how it should appear on desktop afterwards. 

    Can the Inventory widget please be coded to be responsive? Image 1 Screenshot 30

    On mobile:

    Can the Inventory widget please be coded to be responsive? Image 2 Screenshot 41

  • colonialindy
    Replied on March 15, 2016 at 12:04 PM

    Works — awesome, thanks!

  • Elton Support Team Lead
    Replied on March 15, 2016 at 12:11 PM

    You're welcome. Cheers! :)