The form is not expanding on the screen when embedded and it looks super small

  • Profile Image
    diannebodynmotioncom
    Asked on August 27, 2018 at 11:35 AM

    I created an index file and copied the scr code into file as shown below.  I then upload file to domain but the form is not expanding on the screen.  It looks super small when uploaded. See link i provided for uploaded form.  Not sure what i am doing incorrectly.  Can you help?

    Form ishttps://form.jotform.me/82041691828460

    Uploaded form on domain is: http://www.bodynmotiontransformation.com/ 

    Index File HTML Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta content="en-us" http-equiv="Content-Language" />

    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

    <title>BODY N MOTION TRANSFORMATION COM</title>

    </head>

    <body>

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

    </body>

    </html>


  • Profile Image
    Welvin
    Answered on August 27, 2018 at 01:28 PM

    This is how I see the form on your website:

    I would say it's current look is normal. However, I would suggest putting the cloud background in the page itself rather than the form. That way, you won't see a gap at the bottom or all over the page. 

    https://www.w3schools.com/css/css_background.asp 

    https://www.w3schools.com/tags/att_body_background.asp