Visualforce 開発者ガイド
j$User.UITheme および $User.UIThemeDisplayed
これらのグローバル差し込み項目は、指定された Web ページ上でユーザに表示される Salesforce のデザインを識別します。
これら 2 つの変数は、$User.UITheme がユーザに表示すべきデザインを返し、$User.UIThemeDisplayed が実際のデザインを返すという点で異なります。たとえば、ユーザは [Salesforce Classic 2010 ユーザインターフェースのテーマ] のデザインを表示するよう設定された権限を持っている場合がありますが、そのデザインをサポートしていないブラウザを使用していると、旧バージョンの Internet Explorer などで $User.UIThemeDisplayed が異なる値を返す場合があります。
使用方法
これらの変数を使用して、Salesforce Web ページをユーザに表示するときに使用される CSS を特定します。どちらの変数も、次の値のいずれかを返します。
- Theme1 — 古い Salesforce テーマ
- Theme2 — Salesforce Classic 2005 ユーザインターフェースのテーマ
- Theme3 — Salesforce Classic 2010 ユーザインターフェースのテーマ
- Theme4d — 最新の「Lightning Experience」Salesforce のテーマ
- Theme4t — Salesforce1 モバイル Salesforce のテーマ
- PortalDefault — Salesforce カスタマーポータルのテーマ
- Webstore — Salesforce AppExchange のテーマ
例
次の例は、ユーザのテーマを基にさまざまなレイアウトを表示する方法を示したものです。
1<apex:page>
2 <apex:pageBlock title="My Content" rendered="{!$User.UITheme == 'Theme2'}">
3 // this is the old theme...
4 </apex:pageBlock>
5
6 <apex:pageBlock title="My Content" rendered="{!$User.UITheme == 'Theme3'}">
7 // this is the classic theme ...
8 </apex:pageBlock>
9</apex:page>