Skip to main content
Skip table of contents

Don't Print / Only Print

In some form applications, users may print (to paper or to PDF) a form in various states of completion.  When printing, it may be desirable for certain components to be excluded from the print output.  While purely aesthetic, controlling print output may be necessary for some use cases.  For example, if a Submit button is present on a form, the user may not want the button in the printed output.

Apply the style "no-print" to a component will ensure it is not part of any printed output.  Optionally, the "print-only" style can be applied to elements that should only display when the form is printed.  This can be applied on any element's properties under the "Custom CSS Class" property, for example:


For versions 10.2 and earlier, this print-only and no-print options were not present and may need to be manually added using the CSS below.  This CSS can be referenced in an external references or embedded using <style></style> tags in a HTML element.

Don't Print Style

CSS
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	
	.print-only{
		display: inline !important;
	}
}

.print-only{
	display: none;
}


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.