How to make my form mobile responsive?

  • glc702
    Asked on September 6, 2016 at 6:36 AM

    Hi there,

    I'm embedding a form on a website, but the form doesn't seem to fit on mobile screens.  I was wondering if there's a way to get forms to completely show on mobile devices?  Or if you have any suggestions how I can use a form on a mobile screen?

    Thank you for your time...

    Levi

  • Rose
    Replied on September 6, 2016 at 7:26 AM

    As I checked your form, it is not mobile responsive. If you enable " make this form responsive" option, it will appear more user-friendly. How to do it, please follow below steps:

    1. Go to " My forms " page
    2. Click Form>> Edit
    3. Click " Designer" >> " Advanced Designer"

    How to make my form mobile responsive? Image 1 Screenshot 40

    4. Click " Form Layout"
    5. Enable " Make This Form Mobile Responsive"

    How to make my form mobile responsive? Image 2 Screenshot 51

    After following above steps,  your form will be seen as below. 

    How to make my form mobile responsive? Image 3 Screenshot 62

    If you need any further assistance by our side, please let us know. 


  • glc702
    Replied on September 6, 2016 at 4:46 PM
    Hi Rose,
    I checked "make this form responsive", and I'm still having trouble
    viewing the embedded form on a mobile device:
    Any other suggestions?
    Regards,
    Levi
    ...
  • Nik_C
    Replied on September 6, 2016 at 6:48 PM

    Please try to add Mobile Responsive Widget to your form:

    How to make my form mobile responsive? Image 1 Screenshot 20

    I cloned your form and tested it, worked fine on my phone. 

    Please try and let us know how it works for you.

    Thank you!

     

  • glc702
    Replied on September 6, 2016 at 8:45 PM
    Hi Nik,
    I'm still having problems viewing the whole page. It gets cut off. I'm
    using Safari on an iPhone if that helps. Here's the page with the
    embedded form:
    http://site9272095.92.webydo.com/viva-las-vegas-package-1.html
    I also tried looking at the form as it's own page:
    https://form.jotform.com/62411424006138
    And the time is cut off
    I suppose I can use a different time element, but I would much rather
    embed the form on our website, versus linking to the form page, so I
    hope there's a solution...
    Thanks...
    Levi
    ...
  • glc702
    Replied on September 6, 2016 at 10:45 PM
    Please ignore my last reply. I completely misread your email. Forms
    look great with the Mobile Responsive Widget...
    Thanks for your help...
    Levi
    ...