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

    Hiding the submit button

    Asked by gmbph01 on October 20, 2014 at 08:24 AM

    Hi Abajan,

    Im very new to coding... I dont know how I can insert

     

    #input_36 { display:none; }

     

    to this

     

    /* line 82, http://www.jotform.com/themes/css/style.less */

    .form-all {

    font-family: "Tahoma", sans-serif;

    }

    /* line 115, http://www.jotform.com/themes/css/style.less */

    .form-all {

    width: 590;

    width: 100%;

    max-width: 590;

    }

    /* line 131, http://www.jotform.com/themes/css/style.less */

    .form-label-left,

    .form-label-right {

    width: 150px;

    }

    /* line 142, http://www.jotform.com/themes/css/style.less */

    .form-label {

    white-space: normal;

    }

    /* line 144, http://www.jotform.com/themes/css/style.less */

    .form-label.form-label-auto {

    display: block;

    float: none;

    text-align: left;

    }

    /* line 168, http://www.jotform.com/themes/css/style.less */

    .form-label-left {

    display: inline-block;

    white-space: normal;

    float: left;

    text-align: left;

    }

    /* line 175, http://www.jotform.com/themes/css/style.less */

    .form-label-right {

    display: inline-block;

    white-space: normal;

    float: left;

    text-align: right;

    }

    /* line 182, http://www.jotform.com/themes/css/style.less */

    .form-label-top {

    white-space: normal;

    display: block;

    float: none;

    text-align: left;

    }

    /* line 195, http://www.jotform.com/themes/css/style.less */

    .form-all {

    font-size: 12px;

    }

    /* line 207, http://www.jotform.com/themes/css/style.less */

    .form-label {

    font-weight: bold;

    }

    /* line 211, http://www.jotform.com/themes/css/style.less */

    .form-checkbox-item label,

    .form-radio-item label {

    font-weight: normal;

    }

    /* line 278, http://www.jotform.com/themes/css/style.less */

    .supernova {

    background-color: #d5eef3;

    }

    /* line 280, http://www.jotform.com/themes/css/style.less */

    .supernova body {

    background-color: transparent;

    }

    /*

    @width30: (unit(@formWidth, px) + 60px);

    @width60: (unit(@formWidth, px)+ 120px);

    @width90: (unit(@formWidth, px)+ 180px);

    */

    /* | */

    @media screen and (min-width: 480px) {

    /* line 296, http://www.jotform.com/themes/css/style.less */

    .supernova {

    background-color: #69d2e7;

    }

    /* line 300, http://www.jotform.com/themes/css/style.less */

    .supernova .form-all {

    border: 1px solid #3dc5e0;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    }

    }

    /* | */

    /* | */

    @media screen and (max-width: 480px) {

    /* line 316, http://www.jotform.com/themes/css/style.less */

    .jotform-form {

    padding: 10px 0;

    }

    }

    /* | */

    /* | */

    @media screen and (min-width: 480px) and (max-width: 768px) {

    /* line 322, http://www.jotform.com/themes/css/style.less */

    .jotform-form {

    padding: 30px 0;

    }

    }

    /* | */

    /* | */

    @media screen and (min-width: 768px) and (max-width: 1024px) {

    /* line 328, http://www.jotform.com/themes/css/style.less */

    .jotform-form {

    padding: 60px 0;

    }

    }

    /* | */

    /* | */

    @media screen and (min-width: 1024px) {

    /* line 334, http://www.jotform.com/themes/css/style.less */

    .jotform-form {

    padding: 90px 0;

    }

    }

    /* | */

    /* line 343, http://www.jotform.com/themes/css/style.less */

    .form-all {

    background-color: #d5eef3;

    border: 1px solid transparent;

    }

    /* line 349, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    border-color: #addee8;

    }

    /* line 354, http://www.jotform.com/themes/css/style.less */

    .form-matrix-table tr {

    border-color: #addee8;

    }

    /* line 356, http://www.jotform.com/themes/css/style.less */

    .form-matrix-table tr:nth-child(2n) {

    background-color: #c1e6ed;

    }

    /* line 369, http://www.jotform.com/themes/css/style.less */

    .form-all {

    color: #3e4e1a;

    }

    /* line 374, http://www.jotform.com/themes/css/style.less */

    .form-header-group .form-header {

    color: #3e4e1a;

    }

    /* line 375, http://www.jotform.com/themes/css/style.less */

    .form-header-group .form-subHeader {

    color: #5c7427;

    }

    /* line 378, http://www.jotform.com/themes/css/style.less */

    .form-sub-label {

    color: #5c7427;

    }

    /* line 383, http://www.jotform.com/themes/css/style.less */

    .form-label-top,

    .form-label-left,

    .form-label-right {

    color: #3e4e1a;

    }

    /* line 389, http://www.jotform.com/themes/css/style.less */

    .form-textbox,

    .form-textarea,

    .form-radio-other-input,

    .form-checkbox-other-input,

    .form-captcha input,

    .form-spinner input,

    .form-checkbox-item label,

    .form-radio-item label {

    color: #5c7427;

    }

    /* line 426, http://www.jotform.com/themes/css/style.less */

    .form-line.form-line-active {

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -ms-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    -ms-transition-timing-function: ease;

    -o-transition-timing-function: ease;

    transition-timing-function: ease;

    background-color: rgba(255, 255, 255, 0.75);

    }

    /* ömer */

    /* line 434, http://www.jotform.com/themes/css/style.less */

    .form-radio-item,

    .form-checkbox-item {

    padding-bottom: 0px !important;

    }

    /* line 436, http://www.jotform.com/themes/css/style.less */

    .form-radio-item:last-child,

    .form-checkbox-item:last-child {

    padding-bottom: 0;

    }

    /* ömer */

    /*.ctrl-custom-size(@bgSize, @tickSize, @tickOffsetTop, @tickOffsetLeft, @radius) {input {

    display: none;

    }

    label {

    position: relative;

    margin-left: 0;

    }label:before {

    content: '';

    position: relative;

    display: inline-block;

    vertical-align: baseline;

    margin-right: 4px;

    .border-box();

    .rounded(@radius);width: @bgSize;

    height: @bgSize;

    }label:after {

    content: '';

    position: absolute;

    z-index: 10;

    display: inline-block;

    opacity: 0;top:@tickOffsetTop;

    left:@tickOffsetLeft;

    width: @tickSize;

    height: @tickSize;

    .rounded(@radius);

    }input:checked + label:after {

    opacity: 1;

    }}*/

    /* line 673, http://www.jotform.com/themes/css/style.less */

    .form-single-column .form-checkbox-item,

    .form-single-column .form-radio-item {

    width: 100%;

    }

    /* line 1154, http://www.jotform.com/themes/css/style.less */

    .supernova {

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center top;

    background-repeat: repeat;

    }

    /* | */

    @media screen and (min-width: 480px) {

    /* line 1177, http://www.jotform.com/themes/css/style.less */

    .supernova {

    background-image: url("//max.jotfor.ms/themes/img/blank.gif");

    }

    }

    /* line 1184, http://www.jotform.com/themes/css/style.less */

    #stage {

    background-image: url("//max.jotfor.ms/themes/img/blank.gif");

    }

    /* | */

    /* line 1198, http://www.jotform.com/themes/css/style.less */

    .form-all {

    background-image: url("//max.jotfor.ms/themes/img/blank.gif");

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center top;

    background-repeat: repeat;

    }

    /* line 1227, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center top;

    }

    /* line 1254, http://www.jotform.com/themes/css/style.less */

    .form-line {

    margin-top: 12px;

    margin-bottom: 12px;

    }

    /* line 1272, http://www.jotform.com/themes/css/style.less */

    .form-line {

    padding: 12px 36px;

    }

    /* line 1352, http://www.jotform.com/themes/css/style.less */

    .form-all .form-dropdown {

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px;

    -webkit-appearance: none;

    -moz-appearance: button;

    appearance: none;

    margin: 0;

    }

    /* line 1367, http://www.jotform.com/themes/css/style.less */

    .form-all {

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    }

    /* line 1371, http://www.jotform.com/themes/css/style.less */

    .form-section:first-child {

    -webkit-border-radius: 20px 20px 0 0;

    -moz-border-radius: 20px 20px 0 0;

    border-radius: 20px 20px 0 0;

    }

    /* line 1374, http://www.jotform.com/themes/css/style.less */

    .form-section:last-child {

    -webkit-border-radius: 0 0 20px 20px;

    -moz-border-radius: 0 0 20px 20px;

    border-radius: 0 0 20px 20px;

    }

    /* line 1402, http://www.jotform.com/themes/css/style.less */

    .form-all .qq-upload-button,

    .form-all .form-submit-button,

    .form-all .form-submit-reset,

    .form-all .form-submit-print {

    font-size: 1em;

    padding: 9px 15px;

    font-family: "Tahoma", sans-serif;

    font-size: 12px;

    font-weight: normal;

    }

    /* line 1537, http://www.jotform.com/themes/css/style.less */

    .form-all .form-pagebreak-back,

    .form-all .form-pagebreak-next {

    font-size: 1em;

    padding: 9px 15px;

    font-family: "Tahoma", sans-serif;

    font-size: 12px;

    font-weight: normal;

    }

    /*

    TODO: Significant improvement possibility:following import statement is not required in design mode,

    but it should be inside the exported css of current design, in the form itself

    when it is shown to people. Being of this here, causing re-drawn problems.

    we should find a way to only include this in css send while saving current designsee prepareModel4Save for implementation for @buttonFontType

    */

    /*

    & when ( @buttonFontType = google ) {

    @import (css) "@{buttonFontLink}";

    }

    */

    /* line 1670, http://www.jotform.com/themes/css/style.less */

    h2.form-header {

    line-height: 1.618em;

    font-size: 1.714em;

    }

    /* line 1677, http://www.jotform.com/themes/css/style.less */

    h2 ~ .form-subHeader {

    line-height: 1.5em;

    font-size: 1.071em;

    }

    /* line 1691, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    text-align: left;

    }

    /*.form-dropdown,

    .form-radio-item,

    .form-checkbox-item,

    .form-radio-other-input,

    .form-checkbox-other-input,*/

    /* line 1986, http://www.jotform.com/themes/css/style.less */

    .form-captcha input,

    .form-spinner input,

    .form-error-message {

    padding: 4px 3px 2px 3px;

    }

    /* line 2001, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    font-family: "Tahoma", sans-serif;

    }

    /* line 2022, http://www.jotform.com/themes/css/style.less */

    .form-section {

    padding: 0px 0px 0px 0px;

    }

    /* line 2033, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    margin: 13px 36px 13px 36px;

    }

    /* line 2044, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    padding: 24px 0px 24px 0px;

    }

    /* line 2065, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    background-color: ;

    }

    /* line 2087, http://www.jotform.com/themes/css/style.less */

    .form-textbox,

    .form-textarea {

    padding: 4px 3px 2px 3px;

    }

    /*@textInputStyle: "ti-default";

    @textInputBorderWidth: -1;

    @textInputBorderStyle: -1;

    @clrTextInputBorder: -1;

    @clrTextInputBg: -1;

    @clrTextInputFont: -1;

    @textInputHeight: -1;

    @textAreaHeight: -1;& when ( @formControlStyle = ti-default ) {}*/

    /* line 2267, http://www.jotform.com/themes/css/style.less */

    .form-dropdown {

    -webkit-appearance: menulist-button;

    border-style: solid;

    }

    /* line 2301, http://www.jotform.com/themes/css/style.less */

    [data-type="control_dropdown"] .form-input,

    [data-type="control_dropdown"] .form-input-wide {

    width: 150px;

    }

    /* line 2363, http://www.jotform.com/themes/css/style.less */

    .form-dropdown {

    margin: 0;

    border-color: #a6a6a6;

    -webkit-appearance: menulist!important;

    -moz-appearance: menulist!important;

    appearance: menulist!important;

    border-width: 1px;

    }

    /* line 2600, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    border-bottom: none;

    }

    /* line 2635, http://www.jotform.com/themes/css/style.less */

    .form-label {

    font-family: "Tahoma", sans-serif;

    }

    /* line 2655, http://www.jotform.com/themes/css/style.less */

    li[data-type="control_image"] div {

    text-align: left;

    }

    /* line 2659, http://www.jotform.com/themes/css/style.less */

    li[data-type="control_image"] img {

    border: none;

    border-width: 0px !important;

    border-style: solid !important;

    border-color: false !important;

    }

    /* line 2701, http://www.jotform.com/themes/css/style.less */

    .form-line-column {

    width: auto;

    }

    /* | */

    @media screen and (max-width: 768px) {

    /* line 3021, http://www.jotform.com/themes/css/style.less */

    .form-all {

    border: 0;

    width: 100%;

    }

    /* line 3022, http://www.jotform.com/themes/css/style.less */

    .form-sub-label-container {

    width: 100%;

    margin: 0;

    }

    /* line 3023, http://www.jotform.com/themes/css/style.less */

    .form-input {

    width: 100%;

    }

    /* line 3024, http://www.jotform.com/themes/css/style.less */

    .form-label {

    width: 100%!important;

    }

    /* line 3025, http://www.jotform.com/themes/css/style.less */

    .form-line {

    padding: 2% 5%;

    margin: 0;

    }

    /* line 3026, http://www.jotform.com/themes/css/style.less */

    input[type=text],

    input[type=email],

    input[type=tel],

    textarea {

    width: 100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    /* line 3027, http://www.jotform.com/themes/css/style.less */

    .form-header-group {

    padding: 3% 0!important;

    margin: 5%!important;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    }

    /* line 3028, http://www.jotform.com/themes/css/style.less */

    .form-buttons-wrapper {

    margin: 0!important;

    }

    /* line 3029, http://www.jotform.com/themes/css/style.less */

    .form-buttons-wrapper button {

    width: 100%;

    }

    /* line 3031, http://www.jotform.com/themes/css/style.less */

    table {

    width: 100%!important;

    }

    /* line 3032, http://www.jotform.com/themes/css/style.less */

    table td + td {

    padding-left: 3%;

    }

    /* line 3035, http://www.jotform.com/themes/css/style.less */

    .form-checkbox-item input,

    .form-radio-item input {

    width: auto;

    }

    }

    /* | *//*__INSPECT_SEPERATOR__*/

     

    I have tried all possible things I know of... but submit button is still showing. I know I am doing it wrong somewhere... I just dont know it.

    submit button submit hide submit button hide field hide button
  • Profile Image
    JotForm Support

    Answered by Jan on October 20, 2014 at 08:47 AM

    Hi gmbph01,

    Thank you for contacting JotForm Support. As I understand, you want to hide the submit button right? 

    Regarding your question on where to put the css code. You can just add the custom css code at the top or at the bottom. Here's a guide on How to Inject Custom CSS.

    #input_36 {display: none;}

    /* line 82, http://www.jotform.com/themes/css/style.less */

    .form-all { font-family: Tahoma", sans-serif; }

    .... end

     

    You can also hide the submit button by adding this custom css code:

    .form-submit-button {display:none;}

     

    If you're still having issues, please share the URL of the form you are working with so we can take a look at it. Hope this helps. Thank you.