There exist a trailhead on how to Build a Lightning Component to Override a Standard Action. Basically the final result is a lightning component that resemble the standard modal that appears when the button "New" is clicked but with a different layout.

However, the standard modal appears above the object home page while the modal of the overridingly lightning component appears on a blank page.

There is a way to mimic the standard behaviour?

For comparison, the first image is the standard behaviour, the second one is with the override.

standard custom

Note how the background is different between these two cases.

1 Answer 1


This behavior is Working as Designed or rather it is an idea as of now.

Idea Exchange link : https://success.salesforce.com/ideaView?id=0873A0000003RDIQA2

Currently the interface lightning:actionOverrideis intended to enable developers to customize the record detail page entirely. Generally this behavior is observed when you do either of the following.

  • Using e.force.createRecord event on component load.

When you try to mock the standard interface using standard events such as e.force.createRecord in the doInit controller of your action override component. You will observe a modal for new record creation rendered in a modal with an empty background.

This empty or blank background is nothing but the component body of your "lightning:actionOverride" component that you have created.

  • Using Slds Modal & Modal backdrop

In the example that is provided in the trailhead - https://trailhead.salesforce.com/content/learn/projects/workshop-override-standard-action/override_4

The modal__container & slds-backdrop contains the entire form logic or the visible components hence the background appears to be blank & grayed out.


However if you want to make your override component appear close to a standard action - then you can try doing the following.

  • lightning:listView :

Use lightning:listView in the lightning:actionOverride component body , so that it renders a list view in the background and modal on top of it. This would resemble close to the standard action as shown in the image.

Reference : https://developer.salesforce.com/docs/component-library/bundle/lightning:listView/documentation


<aura:component implements="lightning:actionOverride,force:hasRecordId,force:hasSObjectName" access="global" >
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <lightning:listView aura:id="listObjects"


    doInit : function(component, event, helper) {
        var createRecordEvent = $A.get("e.force:createRecord");
            "entityApiName": "xyz__TestObject__c"


When the lightning:listView is not added to the lightning:actionOverride component's body.

Without List

When lightning:listView is added to the body of the lightning:actionOverride component.

With List

  • Does exists a way to get the list view displayed when the component has been called?
    – gvgramazio
    Commented Aug 13, 2019 at 10:51
  • Well, even if we make the component URL addressable , i dont know any standard pageReference parameters which can retrieve the current list view of the logged in user. I would suggest going with a generic list view such as "Recent" . The developerName for the recent viewed list can be fetched using the following query SELECT DeveloperName, SObjectType FROM ListView , Recent list view an ideal candidate for all users & objects
    – Sumuga
    Commented Aug 13, 2019 at 10:59
  • 1
    I'm not very satisfied with the final result. I think that I'll wait for the idea to become a feature. :)
    – gvgramazio
    Commented Aug 13, 2019 at 11:02
  • Yeah , lets hope this feature gets delivered soon. :)
    – Sumuga
    Commented Aug 13, 2019 at 11:04

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .