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

    Image Picker widget is non responsive when the browser is resized to smaller window

    Asked by iMatter on September 23, 2015 at 11:24 PM

    I am using the image picker widget in my form. I have the mobile responsive widget in the form. I've tested it on mobile devices and it appears to work fine (the images wrap to the next line). However, when I re-size the window on my laptop, you can't see the 2nd line of images. I've included a screen show to show the issue.

    Page URL:
    http://www.jotformpro.com/form/52487058862971

    Screenshot
    image picker image picker widget browser responsive
  • Profile Image
    JotForm Support

    Answered by Mike_G on September 24, 2015 at 08:10 AM

    I was able to reproduce the issue you're having when I cloned your form, opened in a my computer browser using the form link, and resize the browser.

    Looks like the issue is with how the form responds when the browser is resized.

    I have made the form Responsive by: 

    How-to-make-Forms-Mobile-Responsive

    Then as for the result: 

    I hope this helps. Let us know if you need any further assistance. Thank you. 

  • Profile Image

    Answered by adamdiestelkamp on September 08, 2016 at 11:28 AM

    I've got both the "Responsive Widget" and the box check under the "Advanced Designer" but my "Image Picker" widget still gets cut off on smaller screens. 

    Here is my test form: https://form.jotform.com/62514383872157

  • Profile Image
    JotForm Support

    Answered by Welvin on September 08, 2016 at 01:18 PM

    You have to use a real device in order to see the responsiveness of the form, especially when dealing a widget. I've checked your form using my IOS and Android devices, it is now responsive. 

  • Profile Image

    Answered by adamdiestelkamp on September 08, 2016 at 02:15 PM

    Thanks for the reply, it appears to load correctly at whatever size the browser is (mobile or desktop), but when the browser is resized smaller after loading, the section doesn't adapt and just cuts things off. 

  • Profile Image
    JotForm Support

    Answered by Welvin on September 08, 2016 at 03:45 PM

    I understand. But I don't think someone would resize the window just to fill the form. If you want, you can inject the following custom CSS codes to your form:

    @media only screen and (max-device-width: 1024px) {

    iframe#customFieldFrame_6 {

        height: 377px !important;

    }

    }

    The custom CSS will change the height of the widget to 377px when it's viewed on devices with screen resolution 1024 and below. You can also change the resolution value to 1366 (normally for laptops).