How do I adjust the height in the HTML code when the Submit button is not showing up?

  • Profile Image
    covtreasure
    Asked on February 09, 2011 at 01:21 PM

    I am using iWeb 09 on a Macbook Pro.  I have used Jotform for several years but lately am having trouble with the Submit button not showing on my forms.  I have tried several different things and it is not showing up still.  I also have looked for the height to adjust in the HTML code.  I do not see height.  Here is my HTML code.  Thanks!

     

    <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:46 AM

    You cannot change it from the JotForm code. You must change it on the iweb HTML editor. Select the HTML widget and then make its height bigger using your mouse.