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 to clear form without the Popup Confirmation?

    Asked by alvincosio on July 26, 2013 at 04:15 PM

    is that possible to remove the popup message when pressing clear form?

    so that when the user click clear form it will clear instantly without popup message

     

    thanks

     

     

    message thanks
  • Profile Image
    JotForm Support

    Answered by Welvin on July 26, 2013 at 09:22 PM

    Hi,

    I'm sorry but that is not possible. But there's a workaround for that using Javascript.

    Example Form: http://www.jotform.co/form/32068379967875

    Let me know your FINISH form URL so I can give you the full guide using your form to avoid confusion with the format and design.

     

    Thanks

  • Profile Image

    Answered by alvincosio on July 29, 2013 at 10:20 AM

    sorry for late reply. i am finish with my form . my form is SIT Status report

    please give me the full guide . thanks

  • Profile Image

    Answered by sidharth_kch on July 29, 2013 at 11:10 AM

    @alvincosio

    Please follow these steps:

    1. Delete the Submit and clear button from your from.

    2. Add a "Free Text (HTML)" field in your form.

    3. In the top form toolbar, copy the below mentioned text and click OK:

    <button id="input_8" type="submit" class="form-submit-button form-submit-button-simple_blue">

                  Submit

                </button>&nbsp;<input type="button" id="reset-html"  name="reset_form" value="Reset Form" onclick="this.form.reset();">

    That should help. Let us know if you need further assistance.

    Thanks,

    Sidharth

  • Profile Image

    Answered by alvincosio on July 29, 2013 at 12:15 PM

    i follow your instruction, but there something wrong. the submit and clear button is not the same color and size.

    can you make my button the same color an size. or just simple transparent button.

    here is the link of the button when pasting the above code:

    http://southernindustrialandtruck.ca/sample-copy

     

    thanks

  • Profile Image

    Answered by sidharth_kch on July 29, 2013 at 12:47 PM

    @alvincosio

    Please replace your old button code with this one:

    <button id="input_2" type="submit" class="form-submit-button form-submit-button-simple_blue">Submit</button>&nbsp;

    <input type="button" id="reset-html"  name="reset_form" value="Reset Form" onclick="this.form.reset();">

    In addition to this, please inject the following custom css in your form:

    #reset-html {

    cursor: pointer;

    -moz-border-radius: .5em;

    -webkit-border-radius: .5em;

    border-radius: .5em;

    padding: 8px 18px;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: bold;

    text-shadow: -1px -1px 0px #003ea1;

    border: 1px solid #0d4aab !important;

    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;

    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;

    box-shadow: inset 0px 1px 0px 0px #97c4fe;

    background: #1e62d0;

    background: -moz-linear-gradient(top, #3d94f6 0%, #1e62d0 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d94f6), color-stop(100%,#1e62d0));

    background: linear-gradient(top, #3d94f6 0%, #1e62d0 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0', GradientType=0 );

    }

    Please let us know if you need further assistance.

    Thanks,

    Sidharth

  • Profile Image

    Answered by alvincosio on July 29, 2013 at 01:07 PM

    hi,

    i tried the new code. but it worsen. i try in ie, ff, safari and chrome = the same result

    please take a look

    http://www.southernindustrialandtruck.ca/sample-copy/4578327557?

  • Profile Image

    Answered by sidharth_kch on July 29, 2013 at 01:26 PM

    @alvincosio

    Are you using your form's source code to embed your form? 

    Can you please check this form and see if it appears to be displaying correct? http://form.jotform.co/form/32094191442854

    I also did some changes in your form, request you to please check it now and let us know if the button appears correctly.

    Thanks,

    Sidharth

  • Profile Image

    Answered by sidharth_kch on July 29, 2013 at 01:33 PM

    @alvincosio

    Actually when you copied the code from here it copied the formatting as well.

    I have resolved it in your form. Please check and let us know if this this fine.

    Thanks,

    Sidharth

  • Profile Image

    Answered by alvincosio on July 29, 2013 at 01:35 PM

    thanks. it working fine now. but lastly i need also the print button? can we do that? and also i dont like blue color in my button can we just changed it to a transparent or a light gray. thanks

  • Profile Image

    Answered by sidharth_kch on July 29, 2013 at 01:59 PM

    @alvincosio

    I have changed buttons color of your form to grey. Please have a look and let us know if that's okay with you. http://www.jotform.com/form/32095137660251

    Thanks, 

    Sidharth

  • Profile Image

    Answered by alvincosio on July 29, 2013 at 03:01 PM

    wow. that's nice. how about the print button?  thanks in advance again. 

  • Profile Image

    Answered by pinoytech on July 29, 2013 at 03:34 PM

    Hi,

    I've updated your form. Please take a look at this: http://www.jotform.com/form/32095137660251

    Please let us know if you need further assistance.

    Thank you!