How do I stop a form from being responsive?

  • 2adorable
    Asked on April 2, 2017 at 11:31 PM

    jotform by default makes forms responsive how can i bypass this

    https://form.jotformpro.com/70796245663971

     

  • Ian
    Replied on April 3, 2017 at 12:41 AM

    All you need to do is select the Mobile Responsive Widget and hit the Delete icon

    How do I stop a form from being responsive? Image 1 Screenshot 20

     

    Hope this helps

  • 2adorable
    Replied on April 3, 2017 at 1:43 AM

    that didnt work when i tested it on my iphone the form is responsive

  • Ian
    Replied on April 3, 2017 at 3:02 AM

    I am forwarding the issue to Developer team so they can look into it and update you on the same thread.

  • Rose
    Replied on April 3, 2017 at 3:33 AM

    I would like to say that forms are responsive as default regardless adding mobile responsive widget to the form. 

    If you provide us some more additional information about why you need your form unresponsive, we may find another way to achieve it. Is your form seen differently though different mobile devices? Or, is there anything affect your form view? 

     

  • 2adorable
    Replied on April 5, 2017 at 10:52 PM

    the form questions shift from horizontal to a vertical downward. i do not want them to move on mobile screen

  • 2adorable
    Replied on April 6, 2017 at 12:19 AM

    How do I stop a form from being responsive? Image 1 Screenshot 20

    https://form.jotformpro.com/70796245663971

    I finally found a widget that is not responsive for the question I want but it doesn't have images I'd like to ad an image of a car truck Suv  along with the text is there a way to do this 

  • candy
    Replied on April 6, 2017 at 4:31 AM

    Hello,

    We're sorry for the inconvenience you have.

    As far as I test your form on my android mobile device, the car images have shown vertically on the mobile web browser as seen below:How do I stop a form from being responsive? Image 1 Screenshot 20

    As I understand, you do not want them to appear vertically on mobile devices.

    Let me some time to investigate this situation further.

    Thanks for your patience.

  • candy
    Replied on April 6, 2017 at 7:15 AM

    Hello again,

    I have tested your form again. I've injected the following CSS codes to the related Image Checkboxes widget in order to make them appear on mobile devices as the following screenshot below:

    @media screen and (max-width: 480px) {

    #images_button_container li {

     width: 40% !important;

    margin: 10px !important;

     }

    #images_button_container li img {

       width: 50% !important;

     }

    }

    How do I stop a form from being responsive? Image 1 Screenshot 20

    Please try and if you need further assistance, let us know.

    Thanks in advance.

  • 2adorable
    Replied on April 7, 2017 at 6:04 PM

    How do I stop a form from being responsive? Image 1 Screenshot 20

     

  • 2adorable
    Replied on April 7, 2017 at 6:16 PM

    How do I stop a form from being responsive? Image 1 Screenshot 20

     

  • jonathan
    Replied on April 7, 2017 at 11:25 PM

    Please try adding a new Image Checkboxes widget into the form. It seems the previous one was corrupted already so it was not functioning well. You can reuse the images URL from the old widget.

    Example:

    How do I stop a form from being responsive? Image 1 Screenshot 40

     

    and then add the custom CSS into the widget

    @media screen and (max-width: 480px) {

     

    #images_button_container li {

     

     width: 40% !important;

     

    margin: 10px !important;

     

     }

     

    #images_button_container li img {

     

       width: 50% !important;

     

     }

     

    }

     

    How do I stop a form from being responsive? Image 2 Screenshot 51

     

    it work like this on my test.

     

    How do I stop a form from being responsive? Image 3 Screenshot 62

     

     

    Let us know if this did not work

  • 2adorable
    Replied on April 8, 2017 at 11:06 PM

    ok it worked. can the size if the image be changed? i tried changing it and it did t change with the css code added?

  • 2adorable
    Replied on April 9, 2017 at 12:25 AM

    never mind i got it. thanks

  • 2adorable
    Replied on April 10, 2017 at 1:12 AM

    How do I stop a form from being responsive? Image 1 Screenshot 20

     

  • 2adorable
    Replied on April 10, 2017 at 1:14 AM

    On my iPhone the question loads correctly.. On chrome  

    But on my android nexus 6p phone latest Android version it loads like the screen shot I uploaded previously. Any ideas? 

  • Chriistian Jotform Support
    Replied on April 10, 2017 at 1:30 AM

    I checked your form (https://form.jotformpro.com/70796245663971) on a mobile emulator. Here's how it appears on Chrome and Firefox browser on Nexus 6p.

    Chrome:

    How do I stop a form from being responsive? Image 1 Screenshot 30

     

    Firefox:

    How do I stop a form from being responsive? Image 2 Screenshot 41

     

    Are you still having issues on your end?

    Let us know if you need further assistance.
    Regards.

  • 2adorable
    Replied on April 10, 2017 at 12:38 PM

    i thought it was maybe just my phone but i tested it on another android phone today and got the same thing.. not sure whats going on but ill keep testing for a few days and update you

  • Ashwin JotForm Support
    Replied on April 10, 2017 at 1:28 PM

    Hello 2adorable,

    Sure. Please us know if you find any issue and we will take a look. 

    We will wait for your response.

    Thank you!

  • 2adorable
    Replied on April 11, 2017 at 1:41 AM

    Check out my site www.durhamautomall.com

    I have the form installed in WordPress.. With a script try running it on safari iPhone it will not load the question correctly.. 

    Should I use iframe or jotform plugin for WordPress? 

  • Chriistian Jotform Support
    Replied on April 11, 2017 at 1:50 AM

    @2adorable,

    Since your question now is different from the original thread and it is about embedding the other form in a Wordpress site, I moved it to a separate thread to better assist you. You can find it in this link: https://www.jotform.com/answers/1116198

    Thanks