tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:VisualforceページでshowHeader="false"のときにホームタブのStyleを適用する方法

ホームタブのページにホームコンポーネントのHTMLエリアとiframeを利用してVisualforceページを埋め込むといったことはよくあると思います。


上記方法でホームタブにVisualforceページを表示するときは基本的にヘッダーとサイドバーは非表示にすると思いますが、ヘッダーを非表示にするshowHeader="false"を適用するとSalesforceのStyleが一部除外され、pageBlockが次のように黒色になってしまいます。

f:id:tyoshikawa1106:20131210232225p:plain


tabStyleを指定しようとしても「Home」は指定することができません。

f:id:tyoshikawa1106:20131210232415p:plain


この問題を回避してホームのtabStyleを適用させたい場合は、
「body class="homeTab"」を使用することで対応可能みたいです。


以下サンプルです。


これで黒色のpageBlockではなくホームタブのStyleが適用されたpageBlockを表示させることが可能になります。

f:id:tyoshikawa1106:20131210232631p:plain