I'm trying to embed a mobile responsive form to show up full screen on phone.

  • Profile Image
    JohnReaves
    Asked on September 19, 2016 at 02:31 AM

    ... when I use jotform URL is shows full screen width, but when I embed, it show full length, which is very narrow.  Can I set what width the page shows up?

    Here it is in jotform:

    https://form.jotform.com/62615045123143

    And here it is embedded (iframe):

    www.meijerideas.com/input/test.html

    Thanks!

  • Profile Image
    Chriistian
    Answered on September 19, 2016 at 02:58 AM

    It looks like the page where your form is embedded has a set margin which prevents the form from fully extending to the entire page. To resolve this, you will have to remove the margin on your website. To do so, please add the css below into your website where the form is embedded.

    body {

        margin: 0px !important;

    }

    The form should now extend to its full width as seen below

    Please let us know if you need further assistance.
    Regards.

  • Profile Image
    JohnReaves
    Answered on September 19, 2016 at 03:18 AM

    There's nothing in the test.html file except the embed code generated by the Jotform form. Do I have to write a whole HTML page, and then insert your "body" code? I'd rather than; if so, can you point me to a template?

    Thanks!

     

     

  • Profile Image
    Rose
    Answered on September 19, 2016 at 04:00 AM

    Thank you for contacting us.

    In order to avoid any further issue, I need you to clarify a point. 

    When I clicked your site where your form was embedded ( www.meijerideas.com/input/test.html ),  The form is seen as the same as how it is seen on JotForm URL ( https://form.jotform.com/62615045123143). Did you make  any changing  on your code or something else? Since, The form located to your website appears now how you expect, right? 

    If you would like to set your form width on your website, you may have a look following guidance. 

    https://www.jotform.com/help/35-The-importance-of-form-widths

    If none of these are not your concern, please give us a bit more details. 

    Waiting for your return.