Visualforce Developer’s Guide

Introducing Visualforce
Tools for Visualforce Development
Getting a Quick Start with Visualforce
Customizing the Appearance and Output of Visualforce Pages
Standard Controllers
Standard List Controllers
Custom Controllers and Controller Extensions
Advanced Examples
Overriding Buttons, Links, and Tabs with Visualforce
Using Static Resources
Creating and Using Custom Components
Dynamic Visualforce Bindings
Dynamic Visualforce Components
Integrating Email with Visualforce
Visualforce Charting
Creating Maps with Visualforce
Render Flows with Visualforce
Templating with Visualforce
Developing for Mobile Devices
Adding Visualforce to a Force.com AppExchange App
Using JavaScript in Visualforce Pages
Best Practices
Standard Component Reference
Appendices
Global Variables, Functions, and Expression Operators
Global Variables
$Action
$Api
$Cache.Session
$Component
$ComponentLabel
$CurrentPage
$FieldSet
$Label
$Label.Site
$Network
$ObjectType
$Organization
$Page
$Permission
$Profile
$Resource
$SControl
$Setup
$Site
$System.OriginDateTime
$User
$User.UITheme and $User.UIThemeDisplayed
$UserRole
Functions
Expression Operators
Security Tips for Apex and Visualforce Development
Apex Classes Used in Visualforce Controllers
Execution Governors and Limits
Glossary
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, older versions of Internet Explorer, $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 before Spring ’10
  • Theme3—Classic “Aloha” Salesforce theme, introduced in Spring ’10
  • PortalDefault—Salesforce Customer Portal theme
  • Webstore—Salesforce AppExchange theme

$User.UITheme and $User.UIThemeDisplayed return the value “Theme3” in Lightning Experience and Salesforce1, which isn’t correct. The behavior of $User.UITheme and $User.UIThemeDisplayed in this context may change in a future release.

Note

Example

The following example shows how you can render different layouts based on a user’s theme: