The form I created has a form width of 490. But when it is loaded to my website, the form background stretches the width of my website.

  • Profile Image
    CFAR
    Asked on October 06, 2015 at 11:32 AM

    I am interested in a narrow form that centers on the page, as it does on another page.  See http://www.cfar.emory.edu/vdc/register/oct.php.

     

    I set the form width to 490 for the form appearing on http://cfar.emory.edu/cores/ps/assistance_form.html but the form background extends across the entire width of the page.  

     

    Here is the relevant code in the assistance form page:

    <div id="midContent">

    <p class="breadcrumbs"><a target="_blank" href="../../index.html">Home</a> » 

    <a target="_blank" href="../../departments_centers/index.html">Departments &amp; Centers</a> »  <a target="_blank" href="../../departments_centers/centers/index.html">Centers</a> »  <a target="_blank" href="../../index.html">CFAR Home</a> »  <a target="_blank" href="../index.html">CFAR Cores</a> »  <a target="_blank" href="index.html">Prevention Science</a></p>

    <h1>Request Core Assistance</h1>

    <script type="text/javascript" src="https://secure.jotform.us/jsform/52776508896171"></script>

    </div>

  • Profile Image
    Ben
    Answered on October 06, 2015 at 01:42 PM

    I took a look at your page and I see that the form is being given the width of 100% of the available space, instead of 490 pixels.

    To resolve this, please replace the js embed code with the iframe embed code. This will allow you to change the width from 100% to 490px instead.

    You can see how to get this code here: How to get the jotform iFrame Code

    Do let us know how it goes.