Tabbed Website in ASP.NET, möchte alle von ihnen drucken, Empfehlungen?

Question

Ich habe eine in Registerkarten ASP.NET-Website wie diese

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

Wenn Benutzer klickt auf Title 2, nur die div unter auf Titel 2 zeigt entsprechende, und so weiter. Ich habe eine Druckbild-Schaltfläche erstellt, aber ich möchte es so einrichten, dass es so gedruckt wird, als ob alle Registerkarten übereinander gestapelt wären. Derzeit druckt es nur die Registerkarte, auf die geklickt wurde.

Answer 1

Sie müssen den Inhalt aller Registerkarten in ein div rendern, das mit einem css media print rule verknüpft ist. Ihre aktuellen Tabs benötigen außerdem eine andere CSS-Regel, die sie zum Drucken ausblendet.

So zum Beispiel haben Sie

<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> 

dann in CSS-Datei haben Sie die folgenden Schritte aus:

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

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

Answer 2

ein Druck-Stylesheet verwenden, die alle Registerkarten (die ich annehmen würde, in div Elemente sein) auf display: block eingestellt.