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.
<aura:component implements=“flexipage:availableForAllPageTypes,force:hasRecordId” access=“global” >
<aura:handler event=“skuid:event” action=“{!c.handleShowModalEditEvent}” />

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

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”);

“name”: “openEdit”,
“source”: “skuid”,

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

1 Like