Visualforce Developer’s Guide

Clouds with binary code floating aboveCloud with binary code floating above

No Results

Search Tips:

  • Please consider misspellings
  • Try different search keywords
PDF

Newer Version Available

This content describes an older version of this product. View Latest

$User.UITheme and $User.UIThemeDisplayed

These global merge fields identify the Salesforce look and feel a user sees on a given Web page.

The difference between the two variables is that $User.UITheme returns the look and feel the user is supposed to see, while $User.UIThemeDisplayed returns the look and feel the user actually sees. For example, a user may have the permissions to see the new user interface theme look and feel, but if they are using a browser that doesn’t support that look and feel, for example, Internet Explorer 6, $User.UIThemeDisplayed returns a different value.

Usage

Use these variables to identify the CSS used to render Salesforce web pages to a user. Both variables return one of the following values:
  • Theme1—Obsolete Salesforce theme
  • Theme2—Salesforce theme used prior to Spring ’10
  • PortalDefault—Salesforce Customer Portal theme
  • Webstore—Salesforce AppExchange theme
  • Theme3—Current Salesforce theme, introduced during Spring ’10

Example

The following example shows how you can render different layouts based on a user’s theme:
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 new theme ...
8    </apex:pageBlock>
9</apex:page>