Align form in single mobile view

  • saurav68
    Asked on July 7, 2018 at 6:08 AM

    Hi, how can I align my form in single mobile view.

    See attached. Www.afterhourcourier.co.nz  see in mobile. 

    Any suggestion

    Thanks

    Jotform Thread 1518369 Screenshot
  • Mike_G JotForm Support
    Replied on July 7, 2018 at 8:40 AM

    We will be glad to help you with your concern. However, may we just know what exactly it is that you are looking to achieve, please? Can you further explain what you mean by "single mobile view"?

    Would you like to eliminate the pages and view all questions in one, single, page?

    We will wait for your response.

  • saurav68
    Replied on July 8, 2018 at 6:52 AM

    Hi, I am trying to fit my form in single view in mobile no scroll.

    Jot cards is fine. One step at a time.

    .Mobile view

    See in this video how form shows up in mobile view, while my form is too tall to fit in mobile it cuts from bottom & top. Ny advice.

  • Mike_G JotForm Support
    Replied on July 8, 2018 at 8:00 AM

    I have checked your form again on the website you shared with us and see what you mean. I noticed that you have embedded the form using its Embed Script. May I suggest that you change it to its Iframe Embed code, please?

    Getting-the-Form-iFrame-Code

    The iframe embed code has a height attribute that you can adjust.

    1531050773t07 52 29 Screenshot 10

    Also, the size of the Iframe varies on the size of its container or the element where it is in. It will take up all the space of its container. You may also try adjusting the size of the div element that has the iframe embed codes.

  • saurav68
    Replied on July 10, 2018 at 5:24 PM

    Hi, I tried changing the size, but its not responding. Width can be changed but height is not responding. Any ideas?

  • Mike_G JotForm Support
    Replied on July 10, 2018 at 5:53 PM

    Please try removing the <script> part of the Iframe Embed codes when you embed it to your website.

    After that try adjusting the height attribute of the <iframe> again.