How to call lightning component from related list button in lightning

Create a List type button

Lightning App

Lightning Component

Visualforce Page

Comments

Post a Comment

Popular posts from this blog

Lightning:input type date not displaying correctly

Image
CSS Issue like this: Using this CSS: .THIS .slds-datepicker__month tr>td:first-child { padding-left:0px !important; } .THIS .slds-datepicker__month tr>th { padding-left:0px !important; padding-left: 0px !important; } .THIS .slds-datepicker__month tr>td:last-child { padding-right: 0px !important; padding-left: 0px !important; } .THIS .slds-datepicker__month tr>th:last-child { padding-right: 0px !important; padding-left: 0px !important; } .THIS .slds-datepicker__month .slds-day{ margin:0px !important; } Output will come like this Hope this will help to you. Thanks Apex Coder
Read more

Navigate to a independent Aura component from Visualforce Page

Hi Guys, Today in this post we are going to learn on, How to navigate or Display Lightning Components on the click of a button from a Visualforce Page.    Step 1 :  Create Lightning Component [  lcFromVF.cmp   ] <aura:component implements="force:hasRecordId,force:lightningQuickActionWithoutHeader,flexipage:availableForAllPageTypes" access="global"> <aura:attribute name="recordId" type="String" /> </aura:component> Step 2 :  Create Visualforce Page [  lcVF.vfp   ] <apex:form> <button onclick="NavigatetoauraComponent();" type="button"> Navigate to aura Component </button> </apex:form> <script> function NavigatetoauraComponent(){ var compDefinition = { "componentDef" : "c:lcFromVF", "attributes" :{ "recordTypeId" : "00Q2v00001fum80", } }; // Ba
Read more