Visualforce Developer 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
Live Controller (Pilot)
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 Salesforce Apps with Visualforce
Adding Visualforce to a Salesforce AppExchange App
Using JavaScript in Visualforce Pages
Communicating Across the DOM with Lightning Message Service
Best Practices
Standard Component Reference
Appendices
Global Variables, Functions, and Expression Operators
Global Variables
$Action
$Api
$Asset
$Cache.Org
$Cache.Session
$Component
$ComponentLabel
$CurrentPage
$FieldSet
$Label
$Label.Site
$MessageChannel
$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

$Asset

A global merge field to use when referencing images and other assets that are part of the Lightning Design System.

Usage

In a Visualforce page that uses <apex:slds>, $Asset.SLDS allows you to use the images, icons, and avatars that are part of the Lightning Design System. Use the URLFOR() formula function to reference assets using $Asset with dot notation.

To use SVG icons, add the required XML namespaces by using xmlns="http://www.w3.org/2000/svg" and xmlns:xlink="http://www.w3.org/1999/xlink" in the html tag.

Currently, if you are using the Salesforce sidebar, header, or built-in stylesheets, you can’t add attributes to the html . VG icons are only supported ifshowHeader, standardStylesheets, and sidebar set to false.

Note

Example

The following markup references an avatar in the Lightning Design System.

The following markup references the Lightning Design System’s SVG account icon.