Video tutorials
/
How to Build Reorderable Lists in Salesforce (Avonni List + Flow)
Screen Flows

How to Build Reorderable Lists in Salesforce (Avonni List + Flow)

A drag-and-drop list in a screen flow that saves the new order back to Salesforce, shown on a backlog.

Intermediate
11:00
Tutorial
How to Build Reorderable Lists in Salesforce (Avonni List + Flow)
Play video
Chapters
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
Click a chapter to jump to it
Watch on YouTube

What you will build

Build a list in a screen flow that users reorder by drag and drop, with the new order saved to Salesforce. The example is a product backlog, for Salesforce admins who manage priorities.

  • The Avonni List with a query data source
  • Drag and drop reordering
  • The Update Records Order interaction to save the new order
  • A Refresh Query interaction so changes show right away
  • Clickable items and other list settings

Before you start

The Avonni Flow Screen Components package.

Transcript

Show the full transcript
In this video
List
See the component
Documentation
Read the step by step docs
See it as a use case
No items found.
Build it in your org

Free in sandboxes, 10 free production licenses.

Start free
Keep going

Related tutorials

Create an Interactive YouTube Playlist in Salesforce Screen Flows: No Code with Avonni Components
9:13
Screen Flows

Create an Interactive YouTube Playlist in Salesforce Screen Flows: No Code with Avonni Components

A screen flow that lists videos stored in Salesforce and plays the selected one in a video player.

Beginner
Tutorial
Transform Salesforce Screen Flows with Avonni Kanban: Build Your Visual Workflow
9:50
Screen Flows

Transform Salesforce Screen Flows with Avonni Kanban: Build Your Visual Workflow

A Kanban board in a screen flow: property records in columns by status, moved with drag and drop.

Beginner
Tutorial

Find your next tutorial

Browse the whole library, filtered by where it runs and what you want to build.

All video tutorials