How to hide the progress bar widget when printing a form

  • Profile Image
    hphanpeterson
    Asked on September 23, 2014 at 07:16 PM

    Hi,

    I was wondering if it is possible to not show the progress bar when I print the form. Right now, when I print the form none of the buttons are printed, but the progress bar is printed.

    Thank you for your help.

     

  • Profile Image
    TitusN
    Answered on September 24, 2014 at 01:07 AM

    Hello, 

    To hide the progress bar when the print button is clicked, please add the following Custom CSS into your form: 

    @media print

    {

    .progressBarContainer

    {

    display: none !important;

    }

    }

    Here is a guide on how to add custom CSS to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I tested it on Firefox and Chrome - the Progress bar was not visible. 

    Let us know if this helps.