---
schema_version: "1"
id: d1d9e1ea8adc310c2b6944d856c224e5553be0cfd2ea977213493510c3b4233a
title: Displaying the Create and Edit Record Modals
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/aura-platform/guides/aura/data-service/data-service-modals.md
canonical_url: https://developer.salesforce.com/docs/platform/aura-platform/guide/data-service-modals.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 7b9a8103286834b9d5ebd402aaa978e932323c22f47c7afb2f69b3e10491d09a
products:
  - Lightning Aura Components Developer Guide
  - Platform Developer Content
---

# Displaying the Create and Edit Record Modals

You can take advantage of built-in events to display modals that let you create or edit records via an Aura component.

The `force:createRecord` and `force:editRecord` events display a create record page and edit record page in a modal based on the default custom layout type for that object.

The following example contains a button that calls a client-side controller to display the edit record page. Add this example component to a record page to inherit the record ID via the `force:hasRecordId` interface.

```nolang
<aura:component implements="flexipage:availableForRecordHome,force:hasRecordId" >
    <aura:attribute name="recordId" type="String" />
    <lightning:button label="Edit Record" onclick="{!c.edit}"/>
</aura:component>
```

The client-side controller fires the `force:editRecord` event, which displays the edit record page for a given record ID.

```javascript
edit : function(component, event, helper) {
    var editRecordEvent = $A.get("e.force:editRecord");
    editRecordEvent.setParams({
        "recordId": component.get("v.recordId")
    });
    editRecordEvent.fire();
}
```

Firing this event on a record page is similar to clicking the default Edit button on a record page’s header. Records updated using the `force:editRecord` event are persisted automatically.

**note:** If you don’t need the edit record page to display in a modal or if you need to specify a subset of fields, consider using Lightning Data Service via `lightning:recordForm` or `lightning:recordEditForm` instead.