Intro to Visualforce
Build a custom page
- Inside the default SF layout and page structure, or
- Completely custom HTML (branded)
You're in Salesforce, so
- Access data
- Update data
Create a visualforce page
Set up > App set up > Develop > Visualforce Pages
- Click New
- Label, Name, Save, Preview
Access object field data by using a controller
<apex:page standardController="Account">
<h1>Viewing {!account.name}'s account</h1>
</apex:page>
Add account ID to URL to return a response.
Controllers are available for all standard and custom objects
<apex:page standardController="Account">
<h1>Viewing {!account.name}'s account</h1>
</apex:page>
Add account ID to URL to return a response.
Library of components to build pages with
Reusable parts of a page that have their own controllers.
- Components
- Templates
- Custom CSS/JS
- Empty pages that act as containers
- Integrate front-end frameworks like Angular and Bootstrap
Resources
Quick start guide from SF - https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_quick_start.htm
Visualforce with Bootstrap quick start - https://youtu.be/sIWchyCqDa4
Visualforce with Angular and Bootstrap - video is at https://youtu.be/Q1XyZlzt4N8
Fetch Salesforce data with RemoteObjects for use in Visualforce with Angular - https://youtu.be/A0REa4dXReo
Intro to Visualforce
By John McQueen
