Question

I have an ASP.NET website divided in tabs like this

|TITLE1| - |TITLE2| - |TITLE3| - ETC.

If user clicks on Title 2, only the div corresponding to title 2 shows under, and so on.
I made a print image button but i’d like to make it so that it print as if all tabs were opened stacked one over another. Right now, it only prints that tab that was clicked.

Answer 1

You will need to render the contents of all your tabs into a div which has a css media print rule associated with it. Your actual tabs also need another css rule which will hide them for printing.

So for example you have

<div id="tabs" class="print_hidden">
Your actual tabs go here
</div>
<div id="printTabs" class="screen_hidden">
Your printer friendly text goes here when the link below is clicked.
</div>
<asp:LinkButton runat="server" id="lnkPrinterFriendly">Printer-friendly view</asp:LinkButton>

Then in css file you have the following:

@media print {
.screen_hidden { display: none; }
}

@media screen {
.print_hidden { display: none; }
}