2012-02-14 19 views
0

私たちのgrails applnで、jquery uiのタブからいくつかのものを印刷しています。 grails ui-performanceプラグインを適用した後、ウェブページで利用可能なすべてのタブの内容を印刷できませんでした。選択したタブのみが印刷されます。私たちは "print.css"を使ってページの内容を印刷しています。さらに、Devモードでは、私は望むようにタブの内容を印刷することができます...この問題を解決するためのポインタは、単一の 'print.css'を使用して高く評価されます。 --- SiQHJquery UIのタブの内容が表示されません

答えて

2

はい、あなたは使用することができます:あなたのprint.cssで

.ui-tabs-nav { display: none; } 
.ui-tabs .ui-tabs-hide { display: block !important; } 

を。あなたがタイトルとしてタブキャプションを取得していないので、完璧ではありません。

+0

何らかの理由で、これは私のためには機能しません。最初のルールは機能しますが、アクティブなタブのみが印刷プレビューに表示されます。 – rtpHarry

+0

@rtpHarry:何が問題になりましたか?これをチェックするhttp://jsbin.com/otefil/edit#javascript,html –

1

私は前にこの問題に出くわしましたし、最善の解決策は、印刷、印刷プレビューはまだのみアクティブなタブが表示されますが、そのプリンタに送信されたときにすべてのタブを表示します

@media print { .ui-tabs-nav {display:none !important;} 

を使用しています。

関連する問題