Now we need to configure this Event in Lightning App Builder. Configure event interactions (Dynamic Interactions) in the Lightning App Builder Content in the Schema subtag must be in JSON format.

Schema tag provides the shape of the event.

description-The description of the event, which displays in an i-bubble on the event label in the Lightning App Builder.

label-The admin-friendly label for the event.

If no label attribute is defined, the name value is shown in the list of available events for the component in the Lightning App Builder.

name-The name of the event as defined in the component’s.

The event subtag supports the name, label, and description attributes.

We exposes the event for Dynamic Interactions and makes it available for the component in the Lightning App Builder. Now we will Expose this event in LWC so we can use the same in Lightning App Builder. This.dispatchEvent(selectedEvent) Expose Events in the Lightning App Builder const selectedEvent = new CustomEvent('itemsend', ) You can check here how we can communicate using Event in LWC. We will first create Event in source LWC to pass data. Means a single source can have multiple targets.

Target: The item that’s the target of the interaction.Īn event occurring in one component (the source) can trigger changes in one or more other components on the page (the targets).Interaction: An activity that happens between the source and the target.Event: Trigger an interaction, such as a mouse click, a button press, or a change in a field’s value.There are four major building blocks for Dynamic Interactions:

Then, using new features inside the Lightning App Builder, an admin configures the event by setting up the interactions between the components. Its GA from Winter 22.ĭevelopers write custom components and using the new code developer define the events that are supported by a component and then expose them in the Lightning App Builder UI. So an event occurring in one component on a Lightning page, such as the user clicking on an marker in a map, can automatically update other components on the page and display the details. And admin can configure and create applications with components that communicate and transform based on user interactions, all in the Lightning App Builder UI. Now Developer can configure and expose the event in components. Dynamic Interactions in Salesforce is a new way of communication between Lightning Web Components and Lightning App Builder.

Lightning app builder in salesforce