Skip to content

Instantly share code, notes, and snippets.

@Naveendhanaraj
Created September 21, 2020 08:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Naveendhanaraj/ff46dd16ea640e33b0763394c35fd4cc to your computer and use it in GitHub Desktop.
Save Naveendhanaraj/ff46dd16ea640e33b0763394c35fd4cc to your computer and use it in GitHub Desktop.
Lightning Record Edit Form in Lightning web component
<template>
<lightning-card>
<lightning-record-edit-form object-api-name='Account' onsuccess={handleSuccess}
onerror={handleError} >
<header class="slds-modal__header">
<div class="slds-text-heading_medium slds-modal__title slds-hyphenate">New Account Details</div>
</header>
<div class="slds-page-header">
<div class="slds-page-header__row">
Account Detail
</div>
</div>
<div class="slds-grid slds-gutters">
<div class="slds-col slds-size_1-of-12">
<span></span>
</div>
<div class="slds-col slds-size_5-of-12">
<span>
<lightning-input-field field-name="Name"></lightning-input-field>
<lightning-input-field field-name="Customer_Name__c"></lightning-input-field>
<lightning-input-field field-name="Opportunity__c"></lightning-input-field>
<lightning-input-field field-name="TaxCode3__c"></lightning-input-field>
</span>
</div>
<div class="slds-col slds-size_5-of-12">
<span>
<lightning-input-field field-name="CopyAccountValues__c"></lightning-input-field>
<lightning-input-field field-name="TaxCode1__c"></lightning-input-field>
<lightning-input-field field-name="TaxCode2__c"></lightning-input-field>
</span>
</div>
<div class="slds-col slds-size_1-of-12">
<span></span>
</div>
</div>
<div class="slds-m-top_large slds-grid slds-grid_align-center slds-align--absolute-center">
<lightning-button variant="brand" label="Cancel" type="cancel" onclick={handleCancel}></lightning-button>
&nbsp;&nbsp;
<lightning-button type="submit" variant="brand" label="Save"></lightning-button>
&nbsp;&nbsp;
<lightning-button type="submit" variant="brand" label="Save & New" onclick={saveAndNewClick}></lightning-button>
</div>
<br/><br/>
</lightning-record-edit-form>
</lightning-card>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment