Enhanced Screen Flows UI/UX using SLDS with Tom Kitt

Join us for an engaging session led by Flow Champion, Tom Kitt. This session will dive into a technique of enhancing the user interfaces and user experiences within Screen Flows using the Salesforce Lightning Design System (SLDS). This technique uses Native functionality, with No Apex Code, No Custom Components and No Managed Packages required.

1. Salesforce Developer Group Brisbane, Australia @peter.caitens Group Leader: Peter Caitens

2. Tanya Anglin Anne Nuguid Josephine Ferguson Melbourne user group leaders

3. 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

4. Improving UI/UX in Screen Flows using Salesforce Lightning Design System (SLDS) Tom Kitt

5. Tom Kitt Salesforce Solution Architect | 8Squad

6. Agenda Salesforce Lightning Design System (SLDS) Screen Flow Examples How Does It Work? Screen Flow Configuration Questions

7. Jeff Kranz Salesforce Product Owner Credit to Jeff Kranz, Salesforce Product Owner for US Partner, Riskonnect. First discovered, shared and documented this technique

8. Salesforce Lightning Design System (SLDS)

9. Native Configuration No Apex Code No Lightning Web Components (LWC) No Custom Components No Managed Packages Everything on platform and usable today

10. How Does It Work? SLDS Blueprints Flow Resource Display Text

11. How Does It Work? SLDS Blueprints Flow Resource Display Text

12. How Does It Work? SLDS Blueprints Flow Resource Display Text

13. How Does It Work? Making It Reusable HTML Auto Closed

14. How Does It Work? Making It Reusable HTML Auto Closed Flow Resource

15. How Does It Work? Making It Reusable HTML Auto Closed Flow Resource Display Text

16. Screen Flow Examples

17. Questions