My form width is narrower in my blog (using embed code)?

  • Profile Image
    hsuoscar
    Asked on September 04, 2016 at 08:53 PM

    My form: https://www.jotform.com//?formID=62274306950455

    I used embed code to put this form on my blog:

    <script type="text/javascript" src="https://form.jotform.me/jsform/62274306950455"></script>

    But the width of the form is distorted to like it is for a cellphone.

    The post page is set to full page as you can see.

    Can someone take a look and advise?\

    This is a more normal view

     

    Thank you.

  • Profile Image
    Chriistian
    Answered on September 04, 2016 at 11:18 PM

    It appears that while using the script embed, the width of the form is being set to 300px instead of 100%. To resolve the issue, please use the iFrame embed code to embed the form to your page. Here's a guide on Getting the form iFrame code. The iframe embed code will have a set width that will show the form in its full width on your website.

    If you need further assistance, please let us know.
    Regards.

  • Profile Image
    hsuoscar
    Answered on September 05, 2016 at 03:37 AM

    Used iFrame, the width is still set to 300px but at least I can manually change it to 600px this time.

    While we are still on this form...  the form will eventually carry over some information to next form.  Now, I have been puzzling how do I let user move on to next form (with information carried over) and yet retain coherence?  Eg.  complete next form in this website instead of form.jotform.me/jsform/xxxxxxxx?

     

  • Profile Image
    EltonCris
    Answered on September 05, 2016 at 04:31 AM

    Glad that the issue with width is now resolved.

    With regards to your other question, we will answer it on a separate thread here https://www.jotform.com/answers/924335. We'll take care of it shortly.