Salesforce Developer Tutorial (LWC) - How to use a Lightning Web Component in a List View Button

In this episode we go over how the different options we have to utilize a lightning web component in a list view button. If you weren't aware, there is no easy documented way of doing this, however there are options and they work great, so let's check them out!

Follow all of our social media here:

Salesforce development books I recommend:

Good Non-SF Specific Development Books:

-----------------------------------------------------------------------------------------------------------------------

Table of Contents:

0:00 - Intro
0:18 - Why would you care to use an LWC in a List View Button
2:43 - Creating the LWC for our List View Button
7:32 - Using a Lightning App Builder Page to Present your LWC List View Button
14:56 - Using a Lightning Component Tab to Present your LWC List View Button
19:51 - Using a Flow to Present your LWC List View Button
29:43 - Comparing the different LWC List View Button Presentation Methods
30:37 - Outro and Shoutout to SFXD Discord

DISCLAIMER: The views and ideas expressed on this YouTube channel and blog are based on past development experiences and may not always work for your particular scenarios. The advice in these videos may also become outdated as technology advances. They should be used as examples for educational purposes only. Using any shown solutions in your own org is not advisable since they are example scenarios.

#salesforce #salesforcedeveloper #salesforceadmin

[traceykeitt]

Thanks so much, can't tell you how much I appreciate this video and how you actual show us how it works instead of just telling us what to type "blindly"!

I got the flow version working, but am running into how to actually turn that collection of ids into a single string for my Get Record element. I'm a newbie to Salesforce and would greatly appreciate any tips!

[arthursouza]

Great video! It is not exactly what I need, but I could figure out a lot of stuffs, thanks!

[swapnildarakhe]

It was a great video. I like your podcast like style of teaching.
Can you please make a video on how to Open a LWC in fullscreen i.e. there should be no salesforce bar above, it should look like its a website. I have seen such implementations where the LWC opens in full view either on the same page from where the List view button was clicked or either on a new page.
I am unable to understand that implementation. Your way of teaching suites me hope you read this message and someday you create that video.
I tried finding it on your entire channel but was unable to find.
Btw if you read this comment can you tell what's your PC setup, I would love know.

[srisuresh...]

How to add the button and perform the action directly in list view page..instead of going to another page?

[samsilva]

Great video! Thanks! Any idea how to how to show a modal/popup through List view button on the same object page?

[devankbhatia]

how to add a pop-up LWC button
like you added a lightning app page button

[chethelesser]

"Balls - my favorite one" TMI 😁

[chiranjeevigadamsetty]

getting "loading" as tab name, can you provide a solution link for to this problem

[biswajitsamantaray]

is there a way we can can capture the returnUrl, ie. the url of the ListView page when we open the new url??
help here much appreciated. since history.back method won't let us access the url.

[VictorvictorRamos]

Hi thank you for sharing this, I've been always using a VF page for handle this, right now I know that I use a flow for that.

Just one question, is there a way to show a popup instead of moving to another tab/app?? :/

[sathyachandrasekar]

Thank you for this detailed video. I get the following error, when I try to implement with flow screen. Could you please help?
"cvc-datatype-valid.1.2.3: 'String[]' is not a valid value of union type 'propertyTypeAttr'.",
cvc-attribute.3: The value 'String[]' of attribute 'type' on element 'property' is not valid with respect to its type, 'propertyTypeAttr'.

[DanielShaheen]

Is there anyway to pass the listview id to the LWC using any of the 3 options?

[JoelByrd]

Any idea why when using the 2nd option, the tab that opens for me just says "Loading..."?

[AbdulRaseedhS]

how to close lightning app page, suppose im having form in lwc, after submitting form it will navigate to recordpage but lightning app page still open, but it has to close, anyone know plz do reply

[ianroque]

Is it possible to put list view button to "Recently view" list name? I cannot do this before :-(

[willcalltickets]

Is there something we need to do with search so that the lightning objects appear? No options/results show for me when I search on List View... like they do for you at the 17m mark.

[VictorvictorRamos]

Something to mention:
ToastEvent are not allowed when you call the flow from a URL_FLOW, so be aware you need to create a new component just to show toast. :)

[johnbritolima]

Is there any way to pass Id as parameter in 2nd approach which is implementation using tab?

[TheStaticBreakdown]

Hi,

Thanks a lot for this video, it's very insightful. I tried to implement this solution in Salesforce lightning and it worked fine but it is not working in Communities. I came to know that URL/VF page List View buttons are not supported in Communities. Do you know any workaround? How can we manage to do this in Communities?

[avishkarraut]

The issue with this version is i cant use toast event fir success message