Skip to main content

How to redirect to the newly created record from standard 'Create a Record' quick action button ?

 How to redirect to the newly created record from standard 'Create a Record' quick action button ?




In this blog we will see how we can navigate to New Record created from Standard 'Create a Record' Quick Action. 

Implementation and Use Case: 

Use Case:
We have a button Create Contact which is a 'Create a Record' quick Action on Account object record page and on click of which when the record is created we need to navigate to the new record created automatically. 

Implementation:
Create a Record Quick Action does creates the new record but it doesn't really navigate to the create record. It only shows us the success toast message that record is created.

Now since it is standard quick action we don't have anything to update or change right to make it navigate. So, as a work around we can make this happen by creating a new empty aura component. 

In this Aura Component we will use force:showToast event to fetch the new recordId and then use force:navigateToSObject to open the new record.

Step by step approach:
Step 1 : Go to Object Manager and open the Object where you need to add the Quick Action. 
        Example :- Account Object
Step 2 : Create the Quick Action and add the fields as per the requirement.
                  Note : Keep the Success Message field blank for this use case.
Step 3 : Add it to the record page layout where needed.        

Step 4 : Create the Aura component (See code below)
Step 5 : Add the Aura Component created in step 4 anywhere on the object flexipage. 



Note : - This component is a generic so you can add it to any flexipage where navigation is needed from the standard 'Create a Record' Quick Action.

Code Snippet-

redirectToNewRecord.cmp


<aura:component implements="flexipage:availableForAllPageTypes">
    <aura:handler event="force:showToast" action="{!c.redirectToNewRecord}"/>
</aura:component>

redirectToNewRecordController.js

({
    redirectToNewRecord : function(component, event, helper) {
        var data = event.getParam('messageTemplateData');
        console.log('data => '+data);
        if(!$A.util.isEmpty(data)){
            var execComp = data[1].executionComponent;
            console.log('execComp => '+execComp);
            if(!$A.util.isEmpty(execComp)){
                console.log('execComp.attributes => '+execComp.attributes);
                var recordId = execComp.attributes.recordId;
                var navEvent = $A.get("e.force:navigateToSObject");
                navEvent.setParams({
                    "recordId": recordId,
                    "slideDevName": "related"
                });                
                navEvent.fire();
            }            
        }      
    }
})


Demo :- 


You can learn more about the events from Salesforce Documents.

Resources: Salesforce Documents. 

Thank you all! 

#Keep Learning #Keep Sharing :) 

Recent blogs-

Labels:

Comments

Post a Comment

Popular posts from this blog

How to create custom polymorphic field using LWC ?

How to create custom polymorphic field using LWC ? In this blog we will see how we can make polymorphic lookup field using LWC. What is Polymorphic field? A polymorphic field is one where related object might be one of the several different types of objects. There can be a use case where a customer wants to connect one object with multiple objects- i.e, relationships between objects or relate a child object to multiple parents's ojects. For example, in task Object we have three such polymorphic fields. The WhoId(Name) relationship of Task can be with Contact or a Lead. Assigned To field can be a User or a Queue. Similarly, a WhatId(Related To) relationship field of Task can be with many other objects like Accounts, Opportunities etc. In Salesforce, currently we do not have any OOTB option or may be we can say we do not have a datatype for polymorphic field which we can create but if required we can create a custom component to facilitate the same functionality. So let's get ...
Post a Comment
Read more

How to use Hyperlink in Custom Toast Notification message using LWC

  Use Hyperlink in Custom Toast Notification message using LWC   We all know that a component can send a toast notification that pops up to alert users of a success, error, or warning. A toast can also simply provide information to the user. But what if we need a hyperlink on the message to navigate to the records on the message body. Yes, we can put Links as well on the message body as we can see in Standard Notification Toasts. This is very simple just we need to remember few things. We should know how to use Navigation Services by using NavigationMixin.GenerateUrl method. Let us see the functionality in this blog. To display a toast notification in Lightning Experience or Experience Builder sites we import ShowToastEvent from the lightning/platformShowToastEvent module. We use this ShowToastEvent to provide feedback to a user following an action, such as after a record is created. Now in this blog we will see how to add hyperlink in the message of the Show Toast event ...
Post a Comment
Read more

Nested Accordion in Salesforce LWC

Are you new to LWC ? Are you wondering how to loop in and make a nested accordion in LWC.? No worries. You are are at the right place. Today in this blog we will go through this simple requirement. We will see how we can loop and use lightning-accordion in our code. Use Case: Use case is very Simple . We need to Print all Contacts which are related to a particular account . We have done this several times using different methods. But in this blog we will see how we can use map to get Account Name as Key and the related contacts as the Value. It will have learn following in this blog: How to create Key map to pull all the Account Records which has atleast one Contact in key:value fashion. How to use Wire service to pull data. How to use Lightning Accordion. Let us jump into code now. Solution : Apex Controller In this Apex Class we are fetching all Contact records and the Account Name to which it is associated. We are then creating a map of Type Map<String, List...
Post a Comment
Read more