Open the native Lightning Edit Modal from Skuid

There may be times where you want to launch the default Edit Modal on a Lightning Detail page from Skuid. You can!

You need a simple Aura component to accept the Event from Skuid.
Component:
<aura:component implements=“flexipage:availableForAllPageTypes,force:hasRecordId” access=“global” >
<aura:handler event=“skuid:event” action=“{!c.handleShowModalEditEvent}” />
</aura:component>

Controller:
({
handleShowModalEditEvent : function(component, event, helper) {
let recordId = component.get(“v.recordId”);
var editRecordEvent = $A.get(“e.force:editRecord”);
editRecordEvent.setParams({
“recordId”: recordId
});
editRecordEvent.fire();
}
})

Add the above Custom Component to your Lightning App Builder Detail Page along with your Skuid Page.

In your Skuid Page, create a snippet like this:
let skuidAuraEvt = window.$A.get(“e.skuid:event”);

skuidAuraEvt.setParams({
“name”: “openEdit”,
“source”: “skuid”,
});

skuidAuraEvt.fire();

Put that on a button or any other Action and the Edit Open for the current detail page will launch. Enjoy!

1 Like