Sample Code: HTML: <template> <lightning-card> Account Name: {name}<br/> Website: {website} </lightning-card> </template> JavaScript: import { LightningElement, api, wire } from 'lwc'; import { ShowToastEvent } from 'lightning/platformShowToastEvent'; import { getRecord ....
Sample Code: HTML: <template> <lightning-card> Active Date/Time(GMT/UTC): {activeDateTime}<br/> {timer} </lightning-card> </template> JavaScript: import { LightningElement, api, wire } ....
In lightning/navigation, standard__recordRelationshipPage can be used to navigate to Related List using Lightning Web Component(LWC) in Salesforce. Sample Code: HTML: <template> <lightning-card> <lightning-button label={buttonLabel} variant="brand" onclick={navigateToRelatedList}> </lightning-button> </lightning-card> </template> JavaScript: ....
Apex Class: public class DynamicRowsController { @AuraEnabled public static String updateAccts( List < Account > listAccts ) { try { ....
Sample Code: HTML: <template> <lightning-card> <lightning-button variant="brand" label="Show Tab 1" onclick={handleClick}></lightning-button> <lightning-button variant="brand" label="Show Tab 2" onclick={handleClick}></lightning-button> <lightning-button variant="brand" label="Hide Tab 1" onclick={handleClick}></lightning-button> <lightning-button variant="brand" label="Hide Tab 2" onclick={handleClick}></lightning-button> <lightning-tabset ....
Avoid using push() method and construct new array so that the variables will be reactive to add an entry to a list or an array in Lightning Web Component in ....
Quick Action Component: HTML: <template> </template> JavaScript: import { LightningElement, api } from 'lwc'; import { NavigationMixin } from 'lightning/navigation'; export default class SampleQuickAction extends NavigationMixin( LightningElement ) { ....
Sample Code: Apex Class: public with sharing class ExistingFilesController { @AuraEnabled( cacheable = true ) public static List < ContentDocument > fetchContentDocuments( String strRecordId ) { List ....
Sample Code: HTML: <template> <lightning-card> <div class="c-container"> <lightning-layout> <lightning-layout-item padding="around-small"> <div class="header-column"> <img src="https://infallibletechie8-dev-ed--c.documentforce.com/servlet/servlet.ImageServer?id=0155f000000F6it&oid=00D5f000001y2Vs" height="200" width="200"/> </div> </lightning-layout-item> ....
Sample Code: HTML: <template> <lightning-card> <lightning-record-form record-id={recordId} object-api-name={objectApiName} fields={fieldsList} mode="edit" onsubmit={handleSubmit} onsuccess={handleSuccess}> </lightning-record-form> </lightning-card> </template> JavaScript: import { api, LightningElement ....