How to add a "print" button to the form?

  • mcota4421
    Asked on September 20, 2016 at 5: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
  • Kiran Support Team Lead
    Replied on September 20, 2016 at 6:16 PM

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

    How to add a print button to the form? Image 1 Screenshot 20

    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! 

  • mcota4421
    Replied on September 20, 2016 at 6: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
    ...
  • Chriistian Jotform Support
    Replied 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.

  • mcota4421
    Replied on September 21, 2016 at 6: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
    ...
  • jonathan
    Replied on September 21, 2016 at 8: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.

    How to add a print button to the form? Image 1 Screenshot 40

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

    How to add a print button to the form? Image 2 Screenshot 51

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

    How to add a print button to the form? Image 3 Screenshot 62

     

    Let us know if still not resolve.

     

     

  • mcota4421
    Replied on September 21, 2016 at 8: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
    ...
  • Chriistian Jotform Support
    Replied 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;

    }

    }

    How to add a print button to the form? Image 1 Screenshot 20

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

  • mcota4421
    Replied on October 1, 2016 at 6: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

    ...
  • jonathan
    Replied on October 1, 2016 at 9: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.

  • mcota4421
    Replied on December 10, 2016 at 10:44 AM
    Hi there!
    I was trying to revise my form for 2017 and change the background, but
    when I click on preview, the image does not come out. Please
    help....thanks!
    https://www.jotform.com//?formID=60357616282154#
    Administrative Staff
    Deep Dive Ref, LLC
    | info@deepdiveref.com | www.deepdiveref.com

    ...
  • Chriistian Jotform Support
    Replied on December 10, 2016 at 10:59 AM

    Hi there,

    Since your latest concern is somehow not related to the original issue here, I have moved it to a separate thread. We will attend to you there shortly.