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
Embed Flows in Visualforce Pages
An Advanced Example of Using <flow:interview>
Set Flow Variable Values from a Visualforce Page
Get Flow Variable Values to a Visualforce Page
Control Whether Users Can Pause a Flow from a Visualforce Page
Customize How Users Resume Paused Flow Interviews
Configure the finishLocation Attribute in a Flow
Customize a Flow’s User Interface
Render Lightning Runtime for Flows in a Visualforce Page
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
Glossary
PDF

Newer Version Available

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

Render Lightning Runtime for Flows in a Visualforce Page

By default, when you embed a flow in a Visualforce page, the flow renders in Classic runtime. Like its name suggests, Classic runtime looks and feels like regular Visualforce pages and the Salesforce Classic desktop experience. If you want your flow to render in Lightning runtime in your Visualforce page, embed the flow Aura component to your Visualforce page.
  1. Create a Lightning app that declares a dependency on the lightning:flow component.
  2. Add the Lightning Components for Visualforce JavaScript library to your Visualforce page using the <apex:includeLightning/> component.
  3. In the Visualforce page, reference the dependency app.
  4. Write a JavaScript function that creates the component on the page using $Lightning.createComponent().

Example