Watch it built in Salesforce, then build it yourself

0:00 Welcome 0:20 What we build 0:31 Why not from scratch 1:09 Before you start 1:36 Create the component 1:55 The template 2:29 The query and the mapping 3:20 Save on drop 3:52 The metadata file 4:08 Deploy 4:16 Add it to the Account page 4:39 Test it 4:52 Recap

0:00 Welcome 0:15 What we'll build 0:48 Flow or Dynamic Components? 1:25 Standard or Avonni? 1:51 What you need 2:07 The open deals 2:51 The Avonni collection 3:15 Connect your data 4:02 Make the columns visual 4:37 Cards for the next step 5:17 Update the selected deals 5:52 Put it on the page 6:14 Test it 6:36 Recap

0:00 Welcome 0:30 The need 1:03 Standard or Avonni? 1:49 The seven tricks 2:16 What you need 2:38 The Avonni collection 2:55 Build the flow 3:36 Trick 1: rows checked 3:53 Trick 2: a file per row 4:28 Trick 3: spreadsheet mode 5:02 Trick 4: search 5:19 Trick 5: pills 5:39 Trick 6: row action 6:14 Trick 7: no loop 6:36 Test it 7:18 Pro tips 7:46 Recap

0:00 Welcome 0:30 A fair test 0:56 The job 1:17 Need 1: Salesforce Data Table 2:10 Need 1: Avonni Data Table 2:46 Requirement 2: a stage for each deal 3:38 Requirement 3: totals by stage 4:14 What each option takes 5:09 When custom development makes sense 5:47 How to choose 6:27 Recap

0:00 Welcome 0:20 What On Load is 0:57 Why it matters 1:23 The example 1:48 What you need 2:07 Thing 1: personalize with Assignment 2:43 Thing 2: calculate with Execute Flow 3:25 Thing 3: show only what matters 3:54 Thing 4: pre-fill a form with Get Record 4:36 Thing 5: summarize with Agentforce 5:16 And Biometric 5:27 Test it 6:00 Pro tips 6:18 Recap

0:00 Welcome 0:25 The problem 1:03 Where does it live? 1:52 Our example 2:25 What you need 2:54 App Builder Components 3:38 Dynamic Components 4:19 Flow Screen Components 5:00 Experience Sites Components 5:45 LWC Components 6:03 If something doesn't work 6:45 Pro tips 7:06 Recap

0:00 Welcome 0:15 What Salesforce gives you 1:26 Our example 1:59 The plan 2:16 What you need 2:41 Why Dynamic Components 3:17 A new Dynamic Component 3:27 The query 3:54 Columns and totals 4:31 The cards 4:58 Columns and filters 5:26 After the drop 6:07 Save, and the Target Page Object 6:54 On the account page 7:24 Test it 8:11 Pro tips 8:42 Recap

0:00 Welcome 0:20 What is a Dynamic Component 0:55 Dynamic Components and the standard page 1:23 Dynamic Components or Screen Flow 2:00 In an Experience Cloud site 2:35 Our example 3:02 The plan 3:23 What you need 3:38 Tour of the Component Builder 4:31 The card and the Target Page Object 5:03 The query 5:26 The metric 6:05 The data table 6:40 Saving the changes 7:16 The button 7:37 Preview, then activate 8:02 On the account page 8:22 Test it 9:00 Pro tips 9:40 Recap

0:00 Welcome 0:20 The Data Table 0:57 Our example 1:38 What you need 2:22 The perfect match 2:53 The prompt 4:06 Iterate with the assistant 4:34 What Claude built 5:01 The Avonni components for screen flows 5:35 Polish it in the Component Builder 6:38 Put it on the account page 6:56 Test it 7:22 Fix it with the assistant 7:47 Test it again 8:08 Recap

0:00 Capture a signature in a Salesforce screen flow 0:13 Why Salesforce Flow has no signature component 0:52 Use case: close an opportunity with a signature 1:20 The screen flow plan in Flow Builder 1:45 Prerequisites 2:06 recordId variable (the number one trap) 2:30 Get Records: read the opportunity 2:46 Decision: stop a double signature 2:57 Review screen with a Record Choice Set 3:26 Formula for the signature file name 3:37 Sign screen: add the Avonni Input Pen 3:54 Configure the signature pad in the Component Builder 5:02 Update Records: set the opportunity to Closed Won 5:19 Fault path: a clear error message 5:33 Quick action for the record page and mobile app 6:00 Test: sign and close the deal 6:38 4 pro tips for screen flows 6:58 Recap

0:00 Welcome 0:11 Two pieces 0:43 Before you start 1:06 Open a project folder 1:21 Install the Avonni skills 2:05 Connect the Avonni MCP server 2:30 Test it 3:09 Your first build 3:49 If something doesn't work 4:21 Other assistants 4:37 Recap

0:00 Introduction 1:24 Create a second, nested Avonni component (designed as a panel) 2:22 Variables creation process 3:24 Building the nested Avonni component 5:22 Button interaction setup 6:34 Implement the Avonni 'on load' interaction 7:53 Configure the Edit button interaction on the Data Table 9:02 Activation and Test

0:00 Introduction 1:06 Accessing the Avonni Components App 1:26 Creating our first Dynamic Component 1:53 Avonni Card Configuration 3:10 Adding the Avonni Columns 3:40 Adding the Avonni Checkbox Group 4:59 Fine-Tuning the Columns 5:21 Adding the first Data Table 6:40 Configuring Data Table visibility rule 7:13 Adding the second Data Table 9:05 Other features overview 9:48 Publishing your Avonni Dynamic Component on App Builder

0:00 Introduction 0:49 Final Result 1:29 Building the Flow 2:12 Adding and Configuring the Avonni List Component 4:55 Implementing Reordering and Saving: "Update Records Order" 7:35 Make Items clickable & other settings 8:39 Testing and Demonstration 10:24 Recap and Conclusion

0:00 Introduction & Package Installation 1:08 What we will build 2:20 Screen Flow Creation 3:20 Avonni Data Table Configuration 5:30 Add a Button column on the Data Table 6:29 Interaction configuration for the button to open a flow panel 9:08 Avonni Data Table Header configuration 11:07 Style customization for our related list 12:06 Adding an image on our Data Table Rows 13:49 Testing & Adding the Related list on the record page

0:00 Introduction 0:27 What we will build 1:36 Screen Flow Creation & Avonni Header configuration 3:34 Avonni Combobox customization 4:42 Avonni Metric configuration 6:44 Reactive formula configuration 9:02 Avonni Metric Style configuration 10:00 Second & Third Avonni Metric configuration 12:05 Avonni Map configuration 14:50 Avonni Data Table configuration 15:38 Avonni Metric configuration regarding the information displayed on the map 17:50 Set Components visibility & reactivity configuration 19:32 Test & Final Remarks

0:00 Introduction 1:02 What we will build 2:10 Avonni Map Configuration 3:45 Map Marker customization 5:57 Second flow configuration to display account insights 7:57 Open Flow Planel configuration 10:07 Test & Final Output

0:00 Introduction 0:25 What we will build 0:55 Input text variable configuration 1:49 Add a screen element & Avonni Header configuration 2:55 Avonni Avatar Group Data Source configuration 4:00 Avonni Avatar Group customization 4:45 Data Mapping configuration 6:05 Make items clickable 6:23 Item click interaction configuration 7:09 Fine-tuning other properties 8:25 Adding it to a record page 8:56 Final Output

0:00 Introduction & Final Result 0:53 Data Table configuration 2:48 First Metric configuration 5:12 Formula Text Variable setup for the Query 8:12 Second Metric configuration 10:02 Formula Text Variable setup for the Query 12:15 Live Test & recap

0:00 INTRODUCTION & RESULT 1:26 CONFIGURING THE FIRST SCREEN FLOW WITH THE DATA TABLE 2:36 CREATING THE BULK EDIT BUTTON ACTION 3:25 CONFIGURING THE SECOND SCREEN FLOW TO BULK EDIT SELECTED RECORDS 3:35 CREATING THE VARIABLE COLLECTION 4:00 CONFIGURING THE AVONNI APEX ACTION - TEXT TO JOIN 5:53 CREATING THE QUERY FILTER FORMULA 9:00 ADDING THE DATA TABLE COMPONENT 10:57 TESTING AND FINAL REMARKS

0:00 Introduction and setup 1:57 Customizing map markers 4:42 Creating formula fields 6:39 Applying dynamic styling

0:00 INTRODUCTION & RESULT 1:37 CONFIGURING THE OPEN FLOW PANEL INTERACTION 4:07 SPECIFYING INTERACTIONS ON CLOSE AND ON FINISH 4:45 OVERVIEW OF THE SCREEN FLOW OPENED WITH THE PANEL INTERACTION

0:00 INTRODUCTION 1:07 CONFIGURING THE AVONNI COMBOBOX 3:20 CONFIGURING THE AVONNI COMBOBOX WITH CONTROLLING VALUES 5:08 CREATING A FORMULA TO DYNAMICALLY DISABLE A COMBOBOX 7:16 DEEP DIVE WITH COMPONENT VISIBILITY

0:00 Introduction & Final Result 1:14 Delete Records Flow Configuration 2:41 Creating the Delete Header button action on the Avonni Data Table 3:10 Configuring the "On Confirm" interaction 6:13 Test the interaction

0:00 Introduction to reactivity 1:18 Setting up the layout 2:20 Configuring the data table 4:04 Integrating the map 5:53 Building reactive filters 7:51 Resources and conclusion

0:00 INTRODUCTION 0:22 FINAL RESULT 1:00 NEW EVENT FLOW CREATION 6:05 ADDING THE CREATE RECORDS ELEMENT 7:11 CREATING THE BUTTON ACTION ON THE CALENDAR 7:41 CREATING THE BUTTON INTERACTION 9:04 TESTING THE FLOW

0:00 INTRODUCTION 0:32 ADDING ACTION BUTTONS 3:35 DISPLAYING IMAGES 5:00 ADDING A PROGRESS BAR 6:10 EDITING LOOKUP FIELDS 6:42 DYNAMIC HEADER ACTIONS 8:27 TESTING LAST CHANGES 9:35 FINE-TUNING THE LOOK AND FEEL

0:00 INTRODUCTION 1:17 CREATING THE VARIABLE TO DEFINE THE CURRENT STEP 1:45 CREATING THE VARIABLE TO DEFINE THE PROGRESS INDICATOR TYPE 2:45 CREATING THE PROGRESS INDICATOR STEP COLLECTION 4:50 ADDING THE ROUTER DECISION 6:25 ADDING THE SCREEN 1 10:42 ADDING THE SCREEN 2 12:23 ADDING THE SCREEN 3 14:10 CONNECT THE SCREENS TO THE ROUTER 14:40 SETTING UP THE NEXT SCREEN FLOW INTERACTION 15:35 FINAL RESULT 15:56 CHANGING THE PROGRESS TYPE VALUE ON THE VARIABLE

0:00 Introduction 1:17 Avonni Data Table configuration 2:33 Reactive formula creation 3:22 Avonni Calendar setup 6:40 Flow finalization & App Builder integration 6:59 Live Salesforce demo

0:00 Introduction & Finalt Result 1:23 Data Source Configuration 2:30 Data Mappings configuration 5:13 Adding Row Actions 5:23 Data Mappings configuration 5:55 Using the Group By Feature 6:13 Adding Filters 6:58 Configuring the pagination 7:29 Configuring Data Table Header 8:13 Filters & Side Panel Filter 9:12 Removing Margin 9:34 Activate infinite scrolling 10:00 Configuring Interactions 13:11 Configuring Style 15:20 Adding the Flow on a page & Final Result

0:00 Introduction & Finalt Result 1:06 Group By configuration 2:00 Customizing Group By options 3:04 Final creation & Recap

0:00 Introduction & Finalt Result 1:58 Creating the screen flow and adding a Get Records elements 3:21 Adding the Avonni Calendar to the screen element 3:46 Data Source configuration 5:23 Data Mappings configuration 8:22 Time Span configuration 10:15 Creating Action Buttons 10:46 Other configurations 12:47 Creating interactions on actions 15:28 Styling configuration 15:59 Quick recap

0:00 Introduction & Final Result 1:47 Avonni Data Table interaction configuration

0:00 Introduction 0:48 Final Result of the Avonni Kanban 1:25 Creating the screen flow and adding a Get Records element 1:52 Adding a Screen Element 2:15 Configuring the Avonni Kanban 2:46 Configuring the Header 5:15 Configuring other settings 8:44 Adding our flow on a page using Lightning App Builder

0:00 Introduction 0:54 Create Action 1:40 Create Interaction 2:54 Export Button

0:00 Introduction & Final Result 1:00 Custom Object overview setup 1:30 Creating the screen flow and adding a Get Records element 2:01 Adding a Screen Element 2:42 Configuring the Avonni List 4:50 Configuring the Avonni Illustration 6:03 Creating a formula to dynamically generate the youtube link 6:45 Configuring the Avonni Video Player 8:04 Adding our flow on a page using Lightning App Builder

0:00 Introduction & Final Result 0:35 Creating a screen flow 0:50 Creating a recordID variable 1:20 Adding a Get Records collection 2:15 Adding a Screen Element 2:44 Configuring the Avonni Header 3:35 Configuring the Avonni BarCode 5:15 Adding our flow on a record page using App Builder

0:00 Introduction 0:35 Final Result 1:19 Creating a screen flow 1:25 Adding a Get Records Element 2:05 Adding a Screen Element 2:25 Adding a Section 3:05 Configuring the Avonni Map 5:35 Configuring the Avonni Illustration 8:10 Configuring the Avonni Header 9:47 Configuring the Avonni Formatted Value 13:17 Adding our flow on a home page using App Builder