Embedded form is not mobile responsive

  • portart
    Asked on May 29, 2016 at 7:33 PM

    Can you help me to get my form fit the phone window properly

    I ticked the box, but when I republished and checked on my phone, the form (Private Tuition Individual information Survey) was still not behaving in a responsive way, hence unusable.

    So next I went to mobile responsive themes and I will upload a file of the page that came up after I clicked (Install theme)

    Can you guide me in what to do next to make my form more responsive please

     

    regards

    Jennifer

  • Ashwin JotForm Support
    Replied on May 29, 2016 at 9:13 PM

    Hello Jennifer,

    I'm sorry for the trouble caused to you.

    I did check your webpage where you have embedded your form and found that you have used form's script embed code. Please be noted that for your form to work correctly on mobile devices, we recommend you to embed your form using its iFrame embed code. The following guide should help you how to grab your form's iFrame embed code:  https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • portart
    Replied on May 30, 2016 at 2:35 AM

    Hi Ashwin

    Can you please check for on your phone, on mine it is still now showing in complete width

     

    regards

    Jennifer

  • Ashwin JotForm Support
    Replied on May 30, 2016 at 3:30 AM

    Hello Jennifer,

    I did check your form but the "Make this form responsive" check box was not checked. I have now enabled it and cleared your form cache. Can you please check now and see if your form is being displayed correctly in mobile devices?

    We will wait for your response.

    Thank you!

  • portart
    Replied on May 30, 2016 at 5:15 AM

    Hi again Ashwin

    Still not working any better

    Any other suggestions?

     

    regards

    Jennifer

     

  • portart
    Replied on May 30, 2016 at 5:22 AM

    I replaced the iframe code on my website, now when i refresh on my iphone I still get no improvement

  • Chriistian Jotform Support
    Replied on May 30, 2016 at 6:09 AM

    Hi,

    I tried your website - http://www.melbourneartclasses.com.au/private-tutorial-informatio.html - in iPhone simulator and it works. The form is there. Please see screenshot below.

    Embedded form is not mobile responsive Image 1 Screenshot 20

     

    What device are you using the load the website where you are encountering the issue? 

  • portart
    Replied on May 30, 2016 at 6:18 AM

    I am using iphone 5s

  • Chriistian Jotform Support
    Replied on May 30, 2016 at 6:46 AM

    Hi,

    Can you please try adding Mobile Responsive widget to your form? This should improve the ability of your form to fit in devices of different sizes.

    Do let us know if that helped.

  • portart
    Replied on May 30, 2016 at 7:59 AM

    The widget did it, thanks so much 

    regards

    Jennifer

  • portart
    Replied on May 30, 2016 at 8:01 AM

    Should I use it as standard with all forms?

  • Jan
    Replied on May 30, 2016 at 9:45 AM

    We normally suggest to use the Mobile Responsive widget if the form has Matrix tables and Configurable List widget. Using the default templates, the normal fields are responsive. However, it depends on your preferences, you can add the Mobile Responsive widget if you like.

    If you have any questions, let us know. Thank you.