But the problem is that I cannot find any document explain how to close the modal dialog. This is the ui code:
<aura:component controller="ContactController" implements="force:lightningQuickActionWithoutHeader,force:hasRecordId" >
<style>
.changeRecordTypeRow {
margin-top: 1.5rem;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.changeRecordTypeLeftColumn {
float: left;
text-align: right;
padding-right: 1.5rem;
width: 35%;
font-size: .8125rem;
color: rgb(84, 105, 141);
}
.changeRecordTypeRightColumn {
float: right;
text-align: left;
width: 65%;
}
.modal-body
{
height:auto !important;
padding:0;
}
.forceChatterLightningComponent .bodyWrapper{height:100%;width:100%;padding:0;box-sizing:border-box}
</style>
<div class="modal-header slds-modal__header">
<h2 class="title slds-text-heading--medium" >Change Contact Type</h2>
</div>
<div class="scrollable slds-modal__content slds-p-around--medium">
<div class="changeRecordTypeRow">
<fieldset class="slds-form-element">
<div class="changeRecordTypeLeftColumn">
<legend class="form-element__legend slds-form-element__label">Select a record type</legend>
</div>
<div class="changeRecordTypeRightColumn slds-form-element__control">
<span class="slds-radio">
<input type="radio" id="radio_PrimaryContact" name="recordType" />
<label class="slds-radio__label" for="radio_PrimaryContact">
<span class="slds-radio--faux"></span>
<span class="slds-form-element__label">Primary Contact</span>
</label>
</span>
<span class="slds-radio">
<input type="radio" id="radio_SecondaryContact" name="recordType" />
<label class="slds-radio__label" for="radio_SecondaryContact">
<span class="slds-radio--faux"></span>
<span class="slds-form-element__label">Secondary Contact</span>
</label>
</span>
</div>
</fieldset>
</div>
</div>
<div class="modal-footer slds-modal__footer">
<div class="forceChangeRecordTypeFooter">
<button type="button" class="slds-button slds-button--neutral .slds-modal__close" aura:id="btnCancel" >
Cancel
</button>
<button type="button" class="slds-button slds-button--brand" aura:id="btnSave">
Save
</button>
</div>
</div>
</aura:component>
Does anyone have similar experience? Thanks in advance.
Hi Karthik,Thanks for the reply. I've already found the solution.Call this method $A.get("e.force:closeQuickAction").fire() will close the modal dialog.Yiqin If you're referring to closing a Lightning Quick Action modal dialog in Salesforce, the process can depend on the specific configuration and customization of your Salesforce instance. However, in general, here are the steps to close a Lightning Quick Action modal dialog:
- Save or Cancel:
- In many cases, the Lightning Quick Action modal dialog will have options such as "Save" or "Cancel" at the bottom. Clicking "Save" will usually save any changes you made, while clicking "Cancel" will close the modal without saving changes.
- Close Button:
- Some Lightning Quick Action modals have a close button (usually an 'X' icon) in the top-right corner. Clicking this button will close the modal.
- Escape Key:
- On your keyboard, you can try pressing the "Escape" key (Esc). In some configurations, this key is programmed to close the modal dialog.
- Click Outside the Dialog:
- In some implementations, clicking outside the modal dialog may also close it. This behavior can vary depending on how the Lightning Quick Action is configured.
It's important to note that the specific options and behaviors can be customized by Salesforce administrators or developers. If you're unable to close the Lightning Quick Action modal using the standard methods, it's possible that the implementation has been customized, and you may need to check with your Salesforce administrator or consult your organization's documentation for specific guidance.
- Save or Cancel:
