ASP.NETのタブ付きWebサイト、それらのすべてを印刷したい、推奨しますか？

Question

ユーザーは、Title 2にようにタイトルだけに対応したdivの2つのショーの下で、およびをクリックした場合、私はこの

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

のようなタブに分割ASP.NETのウェブサイトを持っています。 印刷イメージボタンを作成しましたが、すべてのタブが開いているかのように印刷するようにしたいと思います。今は、クリックされたタブだけが印刷されます。

Answer 1

あなたはすべてのタブの内容を、それに関連付けられたcss media print ruleを持つdivにレンダリングする必要があります。あなたの実際のタブには印刷のために非表示にする別のCSS規則も必要です。

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

は、次にCSSファイルでは、次の持っているので、たとえば、あなたが持っている：

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

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

Answer 2

は、私がdiv要素になると仮定し、すべてのタブを（持っている印刷スタイルシートを使用します）をdisplay: blockに設定します。