How can I make my form responsive in length?

  • Profile Image
    4sitedigital
    Asked on July 29, 2014 at 12:30 PM

    My form currently is responsive, as I have used code provided in other JotForm forums, however the length is still cut off and it won't show the end of my form on mobile.

    here is the JotForm ID: http://www.jotform.com//?formID=41955854598171

     

    Thanks.

     

  • Profile Image
    Carina
    Answered on July 29, 2014 at 01:14 PM

    Please try using the Mobile Responsive Widget

    http://widgets.jotform.com/widget/mobile_responsive

    The widget will automatically detect the device where the form is opened, and will apply a Custom Style sheet that will make the fields of the form to resize their widths according to the device screen size.

    You just need to add the widget to your form, with no special configuration required. It is important to remove the responsive css code as it may affect the final result (the widget adds a custom code).

    Let us know if we can be of more assistance.
    Thank you.

     

  • Profile Image
    4sitedigital
    Answered on July 29, 2014 at 01:29 PM

    I've applied the widget to a couple forms on our website, and a few of them still do not show the submit button.  I removed the css code for each of them, but it's still not completely fixed.

  • Profile Image
    KadeJM
    Answered on July 29, 2014 at 02:33 PM

    I'm not exactly sure what you mean by this. I think that it looks fine width wise on my end. However, a problem I noticed on my iPhone when viewing a mobile version of your form is that your form is cut off towards the bottom. To fix this I think you would need to make your form height a little longer by adjusting your iframe since when it is on mobile it is getting repressed.

    If you are seeing a different issue could you please provide us with a screenshot and explain more.

    Screenshot:

     

    Problem: