Challenge Engineer Life !

エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。

PrimeFacesのチェックボックスが印刷プレビューで表示されない

お客さんから突っ込みうけて気が付いたのですが、PrimeFacesのSelectBooleanCheckboxでチェックをいれて、ブラウザの印刷プレビューを行うと、なぜかチェックが入っていないというものがありました。

PrimeFacesのShowcase使って簡単に確認できます。
http://www.primefaces.org/showcase/ui/input/booleanCheckbox.xhtml

チェック入れて
f:id:kikutaro777:20141226192140j:plain

ブラウザ(キャプチャはChrome)から印刷プレビューみると確かにチェック入れたのに入っていない!
f:id:kikutaro777:20141226192213j:plain

IEやFirefoxも同じでした。

で、以下の情報があって解決。

Issue 7664 - primefaces - Print-out of checked checkbox/radiobutton always shows as unchecked - Next Generation Component Suite - Google Project Hosting


javascript - jQueryUI ThemeRoller styles not displaying in print version - Stack Overflow

Chromeだと印刷メニューにある「背景のグラフィック」にチェックを入れます。
f:id:kikutaro777:20141226192308j:plain

Firefoxだと「背景色と背景画像も印刷」
f:id:kikutaro777:20141226192916j:plain

IEだと「背景の色とイメージを印刷する」
f:id:kikutaro777:20141226192946j:plain

これで以下のようになりました。

f:id:kikutaro777:20141226192333j:plain

チェックがイメージ画像なのかー。最近のPrjでは普通のhtmlのチェックボックスにしてるので大丈夫だけど、昔のはこれを使ってたので何とも申し訳ない運用回避方法な気も。

にほんブログ村 IT技術ブログへ
にほんブログ村 にほんブログ村 IT技術ブログ Javaへ
にほんブログ村