4. Today’s Agenda
• Introduction
• Advantages of Flow and Aura
• SOQL in Flow(Get Records)
• Design Attribute
• Example
• Demo
• Questions & Answers
5. Flow with Aura Component
Logo
• To customize the look and feel of your flow
screen, build a custom Aura component.
• Configure the component and its design
resource so that they’re compatible with flow
screens.
• Then in Flow Builder, add a screen component to
the screen.
6. Features
Logo
• Configure Components for Flow Screens
• Control Flow Navigation from an Aura Component
• Customize the Flow Header with an Aura Component
• Dynamically Update a Flow Screen with an Aura Component
7. Get Records
Logo
• Identify the object whose records you want to find,
and specify conditions to narrow down the list of
returned records. How many records you choose to
store and where to store the field values determines
what to enter in the rest of the Get Records
element.
8. Design Attribute
Logo
To expose an attribute in Flow Builder
Ex:
<design:component>
<design:attribute name="List_Account_Contact"
label="List_Account_Contact" />
</design:component>
9. How to Add component to Flow?
Logo
Add the lightning:availableForFlowScreens interface to a Lightning
component to make it available for flow screens. This interface is
supported only in Lightning runtime.
Ex:
<aura:component implements="lightning:availableForFlowScreens">
13. Apex Vs Flow
Logo
Apex:
var action =
component.get("c.getContactrecordsList");
action.setCallback(this, function(response){
var result =response.getReturnValue();
console.log(result);
component.set("v.Contacts",result);
});
$A.enqueueAction(action);
Flow:
var List_Account_Contact = component.get('v.List_Account_Contact');
component.set('v.List_Account_Contact',List_Account_Contact);