When I set out to create my first Custom Property Editor for a Flow Screen Component, I decided to jump in at the deep end. I had created a Lightning Web Component that displays a Datatable on a Flow Screen. It is fully customizable with numerous user controlled attributes. The component is one of the most widely used components published on unofficialsf.com.

I wanted to make the steps an Admin has to follow to use the Datatable in a Flow as easy to follow as I could. Rather than just presenting the various attributes for assignment, I decided to use the CPE to create and display a sample Datatable that the user could manipulate in order to have the CPE create the required attributes based on how the user interacted with the sample table.

Among the challenges I solved and will share in this presentation are how I modified the Datatable component to support both a 'run' mode and a 'configuration' mode, how I was able to load and run a Flow from the CPE, and how I could pass parameters back and forth between the Flow and the CPE and the Flow Builder environments.

See a Custom Property Editor built with LWC Datatable that supports both a "run" mode and a "configuration" mode for WYSIWIG editing. When I set out to create my first Custom Property Editor for a Flow Screen Component, I decided to jump in at the deep end. I had created a Lightning Web Component that displays a Datatable on a Flow Screen. It is fully customizable with numerous user controlled attributes. The component is one of the most widely used components published on unofficialsf.com. I wanted to make the steps an Admin has to follow to use the Datatable in a Flow as easy to follow as I could. Rather than just presenting the various attributes for assignment, I decided to use the CPE to create and display a sample Datatable that the user could manipulate in order to have the CPE create the required attributes based on how the user interacted with the sample table.Among the challenges I solved and will share in this presentation are how I modified the Datatable component to support both a 'run' mode and a 'configuration' mode, how I was able to load and run a Flow from the CPE, and how I could pass parameters back and forth between the Flow and the CPE and the Flow Builder environments.

Deck: Eric Smith 2021 Cactusforce Datatable CPE