[SalesForce] How to add the quick action on lightning List view Record page

I have a object and i create a list button on object to delete the all records on click on button and add that button on record list view page, somehow that is working fine in salesforce classic but not showing that field in lightning..so for that i create a lightning compenent.This compenent is working fine that i want but this is not showing on Object list view page.i go in search layout and edit the list view and create mew actionit create successful but not showing in the available list there. i want to add it here in image:-enter image description here

i want to add new button on side of New but i always get blank options there:-
enter image description here

this is the component that i tried yet:-

    <aura:component controller="SFDCClearLogs" implements="force:appHostable,force:lightningQuickActionWithoutHeader,flexipage:availableForAllPageTypes,force:hasRecordId" access="global" >

<aura:attribute name="events" type="SFDC_Project__c[]"/>

<lightning:button aura:id="deleteDataButton"
                     label="Delete Data"
                     class="slds-button slds-button__icon--left slds-button--destructive"
                     onclick="{!c.doDelete}" 
                     iconName="utility:delete"
              />

</aura:component>

and this is the controller class that is calling in it:–

    ({

    doDelete: function(component, event, helper){
        var action = component.get("c.doClearSfdcProject");
         action.setCallback(this, function(response){
        var state = response.getState();
        var resultsToast = $A.get("e.force:showToast");
        // var dismissActionPanel = $A.get("e.force:closeQuickAction");


        if (state === "SUCCESS") {
                 resultsToast.setParams({
                "title": "Delete!",
                "message": "Data were succesfully deleted.",
                "type": "other",
                "key":"delete"
            });
               $A.get("e.force:closeQuickAction").fire()
                resultsToast.fire();
                // dismissActionPanel.fire();
        }
    });
         $A.enqueueAction(action);
    },
})

how i did changes in my code that it will show in list view actions? i also give this user Mass Cases and Customize aplication permission.

Best Answer

Lightning Experience does support custom Visualforce-based buttons on list views. You could create a Visualforce page that receives the list of selected items (see here for more info https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_quick_start_massupdate.htm). You could give it a Lightning-like UI (using SLDS or lightningStylesheets="true") that asks for confirmation and then completes the action on the click of a button.

Related Topic