Visualforce Developer Guide

Introducing Visualforce
Tools for Visualforce Development
Using the Development Mode Footer
About the Visualforce Editor
Accessing Metrics for Your Visualforce Pages
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
Override Buttons, Links, and Tabs with Visualforce
Using Static Resources
Creating and Using Custom Components
Dynamic Visualforce Bindings
Dynamic Visualforce Components
Integrate 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
Visualforce Best Practices
Standard Component Reference
Appendices
PDF

Newer Version Available

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

Tools for Visualforce Development

Before you begin to develop Visualforce pages and components, familiarize yourself with the different places to create them.
  • Develop Visualforce pages with Visualforce development mode. Visualforce development mode is only available for users with the Customize Application permission. Development mode provides you with:
    • A special development footer on every Visualforce page that includes the page’s view state, any associated controller, a link to the component reference documentation, and a page markup editor that offers highlighting, find-replace functionality, and auto-suggest for component tag and attribute names.
    • The ability to define new Visualforce pages just by entering a unique URL.
    • Error messages that include more detailed stack traces than what standard users receive.
    To enable Visualforce development mode:
    1. From your personal settings, enter Advanced User Details in the Quick Find box, then select Advanced User Details. No results? Enter Personal Information in the Quick Find box, then select Personal Information.
    2. Click Edit.
    3. Select the Development Mode checkbox.
    4. Optionally, select the Show View State in Development Mode checkbox to enable the View State tab on the development footer. This tab is useful for monitoring the performance of your Visualforce pages.
    5. Click Save.
  • Develop Visualforce pages through the Salesforce user interface. From Setup, enter Visualforce Pages in the Quick Find box, then select Visualforce Pages. For Visualforce components, from Setup, enter Components in the Quick Find box, then select Visualforce Components.
  • Develop Visualforce pages with Visual Studio Code, a lightweight and extensible code editor. Salesforce Extensions for Visual Studio Code includes tools for developing on the Salesforce platform. It provides features for working with development orgs (scratch orgs, sandboxes, and DE orgs), Apex, Aura components, and Visualforce.