The Submit button is not displaying live on the web

  • Profile Image
    emilyhart
    Asked on October 18, 2010 at 08:30 AM

    I also copied and pasted the HTML code for iweb and published it to the internet. On iweb, the form is Great! When I check it live on the web, I can see it and use it and others can too. However there are many that cannot see the submit button HELP! I've deleted the widget and re-copied and pasted a few times with republishing everytime, and no luck. the same result.

     

    Please help I'm not the only one and there must be many more

  • Profile Image
    aytekin
    Answered on October 18, 2010 at 02:26 PM

    Increase the size of the IFrame manually.

    The code you have placed on your site have an "height" field. Increase that as much as needed so that it can show the whole form on your web site.

    If this does not help please send the URL of the page.

  • Profile Image
    covtreasure
    Answered on February 09, 2011 at 01:18 PM

    I am using iWeb and can't see the Submit button when I load the HTML files to my server.  I added the HTML Snippet.  I have looked on the HTML code and I don't see height listed anywhere.  I have tried several different things and nothing is working.  Can you help?  I have pasted the code below:

     

    <script src="//cdn.jotfor.ms/jotform.jgz?3.1.101" type="text/javascript"></script>

    <script type="text/javascript">

    JotForm.init(function(){

    $('input_4').hint('ex: myname@example.com');

    });

    </script>

    <link target="_blank" href="http://cdn.jotfor.ms/jotform.cssgz?3.1.101" rel="nofollow noopener" rel="stylesheet" type="text/css" />

    <style type="text/css">

    .form-label{

    width:150px !important;

    }

    .form-label-left{

    width:150px !important;

    }

    .form-line{

    padding:10px;

    }

    .form-label-right{

    width:150px !important;

    }

    .form-all{

    width:650px;

    background:#FFFFFF;

    color:#000000 !important;

    font-family:"Trebuchet MS";

    font-size:12px;

    }

    </style>

     

    <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_10380605142" id="10380605142" accept-charset="utf-8">

    <input type="hidden" name="formID" value="10380605142" />

    <div class="form-all">

    <ul class="form-section">

    <li id="cid_1" class="form-input-wide">

    <div class="form-header-group">

    <h2 id="header_1" class="form-header">

    CTI Student Information

    </h2>

    </div>

    </li>

    <li class="form-line" id="id_3">

    <label class="form-label-left" id="label_3" for="input_3">

    Full Name<span class="form-required">*</span>

    </label>

    <div id="cid_3" class="form-input"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="10" name="q3_fullName3[first]" id="first_3" />

    <label class="form-sub-label" for="first_3" id="sublabel_first"> First Name </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="15" name="q3_fullName3[last]" id="last_3" />

    <label class="form-sub-label" for="last_3" id="sublabel_last"> Last Name </label></span>

    </div>

    </li>

    <li class="form-line" id="id_4">

    <label class="form-label-left" id="label_4" for="input_4">

    E-mail<span class="form-required">*</span>

    </label>

    <div id="cid_4" class="form-input">

    <input type="email" class="form-textbox validate[required, Email]" id="input_4" name="q4_email" size="30" />

    </div>

    </li>

    <li class="form-line" id="id_10">

    <label class="form-label-left" id="label_10" for="input_10">

    Phone Number<span class="form-required">*</span>

    </label>

    <div id="cid_10" class="form-input"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="tel" name="q10_phoneNumber10[area]" id="input_10_area" size="3">

    -

    <label class="form-sub-label" for="input_10_area" id="sublabel_area"> Area Code </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="tel" name="q10_phoneNumber10[phone]" id="input_10_phone" size="8">

    <label class="form-sub-label" for="input_10_phone" id="sublabel_phone"> Phone Number </label></span>

    </div>

    </li>

    <li id="cid_9" class="form-input-wide">

    <div class="form-header-group">

    <h2 id="header_9" class="form-header">

    Choose Weekly Class Schedule (March 8-May 29, 2011)

    </h2>

    </div>

    </li>

    <li class="form-line form-line-column" id="id_11">

    <label class="form-label-top" id="label_11" for="input_11">

    Weekly Class Schedules:<span class="form-required">*</span>

    </label>

    <div id="cid_11" class="form-input-wide">

    <div class="form-single-column"><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_11_0" name="q11_weeklyClass[]" value="Class 1: Tuesday 10 AM &amp; Sunday 4:30 PM" />

    <label for="input_11_0"> Class 1: Tuesday 10 AM &amp; Sunday 4:30 PM </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_11_1" name="q11_weeklyClass[]" value="Class 2: Thursday 10 AM &amp; Sunday 3 PM" />

    <label for="input_11_1"> Class 2: Thursday 10 AM &amp; Sunday 3 PM </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_11_2" name="q11_weeklyClass[]" value="Class 3: Tuesday 6 PM &amp; Sunday 4:30 PM" />

    <label for="input_11_2"> Class 3: Tuesday 6 PM &amp; Sunday 4:30 PM </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_11_3" name="q11_weeklyClass[]" value="Class 4: Thursday 6 PM &amp; Sunday 3 PM" />

    <label for="input_11_3"> Class 4: Thursday 6 PM &amp; Sunday 3 PM </label></span><span class="clearfix"></span>

    </div>

    </div>

    </li>

    <li id="cid_12" class="form-input-wide">

    <div class="form-header-group">

    <h2 id="header_12" class="form-header">

    Classes Begin March 8, 2011

    </h2>

    </div>

    </li>

    <li class="form-line form-line-column" id="id_2">

    <div id="cid_2" class="form-input-wide">

    <div style="text-align:right" class="form-buttons-wrapper">

    <button id="input_2" type="submit" class="form-submit-button">

    Submit Registration

    </button>

    &nbsp;

    <button id="input_reset_2" type="reset" class="form-submit-reset">

    Clear Form

    </button>

    </div>

    </div>

    </li>

    <li style="display:none">

    Should be Empty:

    <input type="text" name="website" value="" />

    </li>

    </ul>

    </div>

    <input type="hidden" id="simple_spc" name="simple_spc" value="10380605142" />

    <script type="text/javascript">

    document.getElementById("si" + "mple" + "_spc").value = "10380605142-10380605142";

    </script>

    </form>

  • Profile Image
    aytekin
    Answered on February 10, 2011 at 01:44 AM

    Try increasing the size of the iWeb widget manually. By selecting the widget on the editor and pulling it down. That should increase its size.

    Posting the code does not help with anything. I can get the same code myself. I asked for the URL of the page to see the problem on the page. But I think increasing the widget size manually should fix it.

  • Profile Image
    greatpacifictv
    Answered on April 06, 2011 at 02:55 PM

    Thanks aytekin.  I had this same issue and your answer helped me solve it.