Melbourne user group
leaders
Brisbane Group News
Upcoming Events
● Trailhead Tuesday
Tuesday June 18 (tomorrow) 5pm - Virtual
● Dreamforce 2024
September 17 - 19 (Tuesday - Thursday)
Early bird tickets now on sale
Next Session
Summer ‘24 BYO Highlights
Wednesday July - TBD
Tom Kitt
Salesforce Solution Architect | 8Squad
Agenda
1. Salesforce Lightning Design System (SLDS)
2. Screen Flow Examples
3. How Does It Work?
4. Screen Flow Configuration
5. Questions
Jeff Kranz
Salesforce Product Owner
Credit to Jeff Kranz, Salesforce Product Owner for US
Partner, Riskonnect. First discovered, shared and
documented this technique
Salesforce Lightning Design System (SLDS)
Native Configuration
● No Apex Code
● No Lightning Web Components (LWC)
● No Custom Components
● No Managed Packages
● Everything on platform and usable today
How Does It Work?
SLDS Blueprints Flow Resource Display Text
How Does It Work?
SLDS Blueprints Flow Resource Display Text
How Does It Work?
SLDS Blueprints Flow Resource Display Text
How Does It Work? Making It Reusable
HTML Auto Closed
How Does It Work? Making It Reusable
HTML Auto Closed Flow Resource
How Does It Work? Making It Reusable
HTML Auto Closed Flow Resource Display Text
Screen Flow Examples
Questions
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt

Enhanced Screen Flows UI/UX using SLDS with Tom Kitt