Question

i’m using the jQuery Print Element plugin for printing but i think it’s a general css issue:

how can i print out a hidden element? (with css set to display:none;)

when trying, i’m gettin only a plain sheet. is there any solution?

thanks

Answer 1

As DN suggest, using a print stylesheet will work nicely. On the print stylesheet, set your css rule to #element {display:block}.

I’m looking at the jQuery.printElement Options, and there is an option overrideElementCSS. It seems to be just what you need. Here is the example code:

$("#element").printElement( 

            { 

            overrideElementCSS:[ 

        'thisWillBeTheCSSUsed.css', 

        { href:'thisWillBeTheCSSUsedAsWell.css',media:'print'}] 

            }); 

Replace thisWillBeTheCSSUsedAsWell.css with the path to your print stylesheet which has the #element {display:block} rule.