What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by covtreasure 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
    JotForm Founder

    Answered by aytekin 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.