How to Use LWC in Screen Flows |

Want to learn more about salesforce join me at sfdcpanther.com Hello #Trailblazers,
Welcome back to Salesforce flow builder series, In this video we will learn how to use Lightning Web Component in Screen Flows.
Here are the time line for your reference
------------------- Use LWC Component in Screen Flow ---------------
00:00 Introduction
00:38 Create Lightning Web Component
05:36 Deploy the Lightning Web Component
06:01 Modify the Screen Flow to Use LWC
06:58 Debug the flow to see the initial Outcome
08:09 Modify the LWC to take the input from Flow and vice versa
10:28 Modify the flow to pass the valus from Flow to LWC
12:18 Modify the LWC to Validate the input and display the Errors
17:26 Add Screen Component in the Flow to display the outcome
18:14 Debug and test the final flow
19:46 Thank You & Next Topic Announcement
📌 Salesforce Flow Builder Series - • Salesforce Flow Builder
📌 For any business inquiry or feedback contact 📥 [e-mail]
📌 Buy Me a Coffee
www.buymeacoffee.com/sfdcpanther
📌 Join our Hindi TH-cam Channel - / @cloudyamit
📌 Find the Interview Question & Answer related to Salesforce in my Podcast below:
bit.ly/askpanther
📌 Find the Salesforce Related tutorials below:
📌Salesforce Back to Basic:
• Introduction to Set & ...
📌Mulesoft Tutorials:
• Introduction to Mule E...
📌Salesforce Integrations:
• Introduction to ApexRe...
📌Lightning Development:
• Lightning Component De...
📌Lightning Web Component:
• Introduction to Lightn...
📌Salesforce Einstein:
• Einstein || Einstein N...
📌Salesforce Interview Questions & Answer:
• Apex Trigger Question ...
📌Git Essentials with GitLab:
• GIT Essentials with Gi...
Contact Me -
📌LinkedIn
/ simplyamit
📌FaceBook
/ sfdcpanther
📌Twitter
/ cloudyamit
📌Telegram
telegram.dog/askpanther
📌Blog
sfdcpanther.com
📌Email [e-mail]
📌 For any business inquiry or feedback contact [e-mail]
#Salesforce #Mulesoft #Integration #Summer20Release #LightningKnowledge #KnowledgeArticle #SalesforceKnowledge #SalesforceRelease #Summer20 #pubsub #lightningwebcomponent
#SalesforceTurotials #ServiceCloud #SalesforceForBeginners

[@shareknowledgeintelugu2425]

nice explanation Bro
Great Job bro . its really very helpful

[@stevenduong8126]

Thanks so much for sharing.

[@kyori_kyo]

thank you sooo much it help a lot
you're an amazing teacher

[@sfdcpanther]

Glad it helped!

[@paragdevghare3484]

Hi, great video. What should be the event to call that event on load of our elder blessing component? TIA😊

[@krishnasharma111fun]

Thank you for sharing this. Is it possible to control the styling of the validation message thrown

[@anshulagrawal6706]

What is the extension name for intellisense (auto complete) code for LWC ?

[@user-tg1wk1fu9c]

Please let me know how we can pass data from flow to lwc component and expose lwc component in the org. My requirement is simple : I have lwc component which take input value and the flow that process the input value and returns accounts related to that. Now the return account list i have to pass that to lwc component again.

[@vishalbiradar2558]

Great job ! You saved my day !
I have a question:
Is there a way we can listen to on-change events for the input variables from the flow to the LWC component? So as soon as the value of the variable changes in the flow, it must trigger an event, and that gets captured in the lwc component where we can read the new values of those variables?

[@sfdcpanther]

I think yes there are events. Let me check from my side and I will share how to

[@Karan-vq5vg]

Hi , will the value be retained if I go to next screen and come back to the same screen ??

[@sfdcpanther]

If you assign the value to a variable in flow then yes.

[@Arunkumar-Dandothi]

Hi, Could add the link to get the code

[@arnavsadhu]

Guys don't forget to add a message to the requiredMessage in line 8 at 16:05. if you don't define a string to it, the flow will skip the error message and you'll die pulling your hairs.

[@z1haze]

I wish to prevent next step if at least one row is not selected in a datatable. I am using a custom component with the datatable, and the progress indicator. When I click the next button with no options selected, nothing happens, and if i then select options and click next nothing happens. If i re-run the debug and first select a row and click next, it proceeds to the next step. What am i doing incorrectly?

[@sfdcpanther]

In the next click you can put some logic statement which will check if the row is not selected display error in an screen and if selected then display other screen.
So you need to make some adjustments to the code

[@pawelb00]

Is it possible to make required input as checkbox?

[@sfdcpanther]

You want to make a checkbox as required?
What's the point of the checkbook field then if you always want that value to be selected

[@mansiparashar4050]

How can we do it for multiple fields

[@sfdcpanther]

What do you mean by multiple fields? Can you explain

[@mansiparashar4050]

In LWC if I create multiple input fields in that case

[@vishalbiradar2558]

@@mansiparashar4050 Yes you can do that, use add similar for each and every input you want in LWC, and don't forget to add variables in JS file with @api annotation.

[@anshulagrawal6706]

I think its LWC Builder

[@sfdcpanther]

It's GitHub copilot