Can the Inventory widget please be coded to be responsive?

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

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

  • Profile Image
    colonialindy
    Answered on March 15, 2016 at 11:44 AM

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

  • Profile Image
    EltonCris
    Answered 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. 

    On mobile:

  • Profile Image
    colonialindy
    Answered on March 15, 2016 at 12:04 PM

    Works — awesome, thanks!

  • Profile Image
    EltonCris
    Answered on March 15, 2016 at 12:11 PM

    You're welcome. Cheers! :)