Visualforce 開発者ガイド
j$User.UITheme および $User.UIThemeDisplayed
これらのグローバル差し込み項目は、指定された Web ページ上でユーザーに表示される Salesforce のデザインを識別します。
これら 2 つの変数は、$User.UITheme がユーザーに表示すべきデザインを返し、$User.UIThemeDisplayed が実際のデザインを返すという点で異なります。たとえば、ユーザーは Lightning Experience のデザインを表示する設定と権限を持つことができますが、そのデザインをサポートしていないブラウザーを使用していると、旧バージョンの Internet Explorer などで $User.UIThemeDisplayed が異なる値を返す場合があります。
使用方法
これらの変数を使用して、Salesforce Web ページをユーザーに表示するときに使用される CSS を特定します。どちらの変数も、次の値のいずれかを返します。
使用できる値は次のとおりです。
- Theme1 — 古い Salesforce テーマ
- Theme2 — Salesforce Classic 2005 ユーザーインターフェースのテーマ
- Theme3 — Salesforce Classic 2010 ユーザーインターフェースのテーマ
- Theme4d — 最新の「Lightning Experience」 Salesforce のテーマ
- Theme4t — Salesforce モバイルアプリケーションのテーマ
- Theme4u — Lightning コンソールのテーマ
- PortalDefault — カスタマーポータルにのみ適用され、エクスペリエンスビルダーサイトには適用されない Salesforce カスタマーポータルのテーマ
- Webstore — 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>