[SalesForce] Override Save Button in Lightning Modal

My goal is to override the save button to call out to an external service synchronously. I understand I have to create a custom VisualForce page or Lightning component (I'm going to use the latter). My question is: how do I simply extend or re-use the existing Lightning modal that's displayed when one clicks the edit button? I'd rather not rebuild it, if possible. Or, if I have to, can I re-use existing components to rebuild it cheaply? Why doesn't Salesforce offer a straightforward way to accomplish this?

Best Answer

They sort of provide a way for you to do this, but you have to rebuild it.

It's called the lightning:overlayLibrary found here.

You basically have to dynamically create a modalBody and modalFooter and pass it into their overlay framework and it will render on the screen for you. It's all up to you to handle the styling and wiring of the button clicks.

Keep in mind that when overlayLibrary creates body and footer they will sit outside of the component hierarchy from the calling component (the one creating the modal) and body/footer will be siblings, meaning you need to communicate between them via app events OR wire component.getReference() between the two.

Because it's so time consuming to deal with dynamically creating modals all the time, I actually put this in a library on my github repo here. I still recommend you comb through the official documentation to understand why it is the way it is.

Related Solutions

[SalesForce] Override Standard Save button on Opportunity Object

You can replace the standard "New" and "Edit" pages by writing a Visualforce page and controller that uses the controller extension pattern. Then within the save method of the controller extension you can make the webservice callout and if it is successful call the standard controller's save method or otherwise output an error message.

However, this does mean replacing the layout-based standard opportunity page with your own hard-coded Visualforce page which is a step you may not want to take.

[SalesForce] Override Standard Button – Enable different behavior in Lightning and Classic

You could redirect with action attribute of apex:page tag based on contextfrom $User.UITheme and add nooverride=1 parameter when page is running in Lightning:

Here is an example, tested it, seems to be working. Would be awesome to generate the URL dynamically instead of hardcoding.

<apex:page standardController="Contact" 
    action="{!(IF($User.UITheme == 'Theme3', 
        null, 
        URLFOR('/one/one.app#/sObject/' +Contact.Id+ '/view?nooverride=1')
        ))}">
    <!-- your page code continues -->
</apex:page>

Best Answer

Related Solutions

[SalesForce] Override Standard Save button on Opportunity Object

[SalesForce] Override Standard Button – Enable different behavior in Lightning and Classic

Related Topic