Dynamically adding and deleting Rows in Salesforce Lightning Web Component(LWC)
Apex Class: public class DynamicRowsController { @AuraEnabled public static String updateAccts( List < Account > listAccts ) { try { ....
Tag: Salesforce Lightning Web Component
How to hide and show tab in Lightning Tab Set in Salesforce Lightning Web Component(LWC)?
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 ....
How to add an entry to list or array in Lightning Web Component in Salesforce?
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 ....
How to detect URL Query Parameters Change and reload the page in Salesforce Lightning Web Component(LWC)?
Quick Action Component: HTML: <template> </template> JavaScript: import { LightningElement, api } from 'lwc'; import { NavigationMixin } from 'lightning/navigation'; export default class SampleQuickAction extends NavigationMixin( LightningElement ) { ....
How to allow Guest user to view Files attached to the record in Salesforce Experience Cloud?
Sample Code: Apex Class: public with sharing class ExistingFilesController { @AuraEnabled( cacheable = true ) public static List < ContentDocument > fetchContentDocuments( String strRecordId ) { List ....
Showing Image in Lightning Layout Item in Salesforce LWC
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> ....
Re-Usable lightning record update form using Lightning Web Component LWC in Salesforce
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 ....
How to reset lightning-record-edit-form and get also get record id in Salesforce?
Sample Code: HTML: <template> <lightning-card title="Lead Creation"> <lightning-record-edit-form object-api-name="Lead" onsubmit={handleSubmit} onsuccess={handleSuccess}> <lightning-messages></lightning-messages> <lightning-input-field field-name="FirstName"></lightning-input-field> <lightning-input-field field-name="LastName"></lightning-input-field> <lightning-input-field field-name="Email"></lightning-input-field> <lightning-input-field field-name="Phone"></lightning-input-field> <lightning-input-field field-name="Company"></lightning-input-field> ....
How to pass list of string from Flow to LWC in Salesforce?
1. Lightning Web Component is HTML: <template> Selected industries are <template for:each={Industries} for:item="ind"> <p key={ind}>{ind}</p> </template> </template> JavaScript: import { LightningElement, api } from 'lwc'; export default class TestFlowComponent extends ....
How to subscribe to Platform Event using Lightning Web Component in Salesforce?
HTML: <template> <lightning-card title="EmpApi Example" icon-name="custom:custom14"> <div class="slds-m-around_medium"> <lightning-button variant="success" label="Subscribe" title="Subscribe" onclick={handleSubscribe} disabled={isSubscribeDisabled} class="slds-m-left_x-small"></lightning-button> <lightning-button variant="destructive" label="Unsubscribe" title="Unsubscribe" onclick={handleUnsubscribe} disabled={isUnsubscribeDisabled} class="slds-m-left_x-small"></lightning-button> </div> <lightning-datatable key-field="ReplayId" data={listEvents} columns={columns} hide-checkbox-column="true"> </lightning-datatable> </lightning-card> ....