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 add a "print" button to the form?

    Asked by mcota4421 on September 20, 2016 at 05:51 PM
    hello all, how do we add a "print" button to the Marshall HS BBB Store?
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
  • Profile Image
    JotForm Support

    Answered by Kiran on September 20, 2016 at 06:16 PM

    You may add the Print button to the form from the Submit button field properties itself.

    You can also enable the print from the toolbar while Submit button field is selected. Please refer to the guide below:

    https://www.jotform.com/help/24-Print-Button-on-Forms

    Also, I notice that you have injected some custom CSS code to your form to change the position of the Submit button. Please change the CSS code injected for the Submit button and replace it with the following code to align along with the Print button.

    .form-submit-print {

        position: absolute;

        top: 35px;

        left: 85px;

        height: auto !important;

    }

    .form-submit-button {

        position: absolute;

        top: 46px;

        left: 217px;

        height: auto !important;

    }

    Hope this information helps! 

  • Profile Image

    Answered by mcota4421 on September 20, 2016 at 06:46 PM
    yes the CSS code was for mobile view. This new code will not affect
    that correct?
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on September 20, 2016 at 10:47 PM

    The new code provided by my colleague is a replacement of the old code that you have on your form. This new css is to accommodate the addition of a print button on your form, and as such if you want to add a print button you will have to remove the old CSS code on your form and replace it with the new one provided by my colleague.

    If you need further assistance, please let us know.
    Regards.

  • Profile Image

    Answered by mcota4421 on September 21, 2016 at 06:46 PM
    OK i did what you asked and now I have no submit nor print button. I
    need this fix ASAP! This is a live link taking orders and I will lose
    business!
    Please get back to me asap!
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on September 21, 2016 at 08:17 PM

    There is a Submit button on your form https://www.jotform.us/form/62604171377152 but the injected custom CSS code was causing the style of the button disappear on the form.

    To fix, remove all the CSS code that affect the Submit button.

    and delete also one of the Submit button since you will only need one.

     

    Let us know if still not resolve.

     

     

  • Profile Image

    Answered by mcota4421 on September 21, 2016 at 08:46 PM
    We were supposed to have submit and print buttons. The CSS code original was for iPhone 6plus responsive look and it was working fine. 
    I even asked if this code would affect anything and was told it would. 
    I'll try and fix myself. But will need new CSS code for phones.  The widget does not work. 
    Deep Dive Ref Admin Crew
    Info@deepdiveref.com
    www.deepdiveref.com
    "We WILL make you better"
    Sent from Mobile Outlook
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on September 21, 2016 at 10:04 PM

    Please remove all the CSS for the submit button that is currently on your form and replace it with the one below. The css that you will inject below is only for mobile.

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

    button#input_print_41 {

        margin-left: auto !important;

        margin-right: auto !important;

    }

    #cid_42 span {

        width: 50px;

    }

    #cid_50 .form-image {

        width: auto;

        height: 90px;

    }

    }

    Please let us know if you need further assistance.
    Regards.

  • Profile Image

    Answered by mcota4421 on October 01, 2016 at 06:45 PM
    Hello there!
    Can I get the custom css for mobile view re RMAC COACHES
    Officials Game Report.
    thanks!
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com

    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on October 01, 2016 at 09:09 PM

    The next question was for a different form  https://www.jotform.us/form/62604366378159

    I created a separate thread for it here https://www.jotform.com/answers/948251

    We will attend to it as soon as we can.

    Thank you.