Salesforce Lightning Web Component Refs
Refs in Salesforce Lightning Web Component allows us to locate DOM elements without a selector querySelector. This will be very helpful when the querySelector has to iterate multiple elements. Sample ....
Tag: Salesforce Lightning Web Component
Phone and Email Validation in Salesforce Embedded Service Deployment Pre-Chat
lightningsnapin/basePrechat can be used in Lightning Web Component LWC to validate customer input on the pre-chat before invoking the Chat in Salesforce Embedded Service Deployment. Sample Lightning Web Component: HTML: ....
Logout Link using Salesforce Lightning Web Component for Experience Cloud Users
@salesforce/community/basePath gives us the Experience Cloud Site URL. We can append /secur/logout.jsp to develop Logout Link using Salesforce Lightning Web Component for Experience Cloud Users. Lightning Web Component: HTML: <template> ....
Salesforce Lightning Web Component Modal Pop Up
LightningModal can be used in the Salesforce Lightning Web Component for Modal Pop Up window. Sample Code: Modal Lightning Web Component(Name:popUpComponent): HTML: <template> <lightning-modal-header label="Heading"> </lightning-modal-header> <lightning-modal-body> {content} </lightning-modal-body> <lightning-modal-footer> ....
Salesforce Lightning Web Component datatable Validation
oncellchange event can be used for cell or column level changes validation. onsave event can be used used for validating all the values that are updated. Sample Code: Apex Class: ....
Auto-Populate Pre-Chat in Salesforce Messaging for In-App and Web
To Auto-Populate Pre-Chat in Salesforce Messaging for In-App and Web, we can make use of Lightning Web Component. Pre-Chat Form in the Embedded Service Deployment for Messaging for In-App and ....
Lightning Bolt Emojis in Salesforce Lightning Web Component
lightning-icon can be used in the Salesforce Lightning Web Component to display Lightning Bolt Emojis. Sample Lightning Web Component Code: HTML: <template> <lightning-card> <div class="slds-p-around_medium"> <lightning-icon icon-name="utility:connected_apps" size="large"> </lightning-icon> </div> ....
Salesforce Lightning Web Component Progress Indicator
lightning-progress-indicator can be used in Salesforce Lightning Web Componet to give a visual indication on the progress of a particular process. Sample Code: Lightning Web Component: HTML: <template> <lightning-card> <div ....
Salesforce Lightning Web Component Record Picker
lightning-record-picker can be used in Salesforce Lightning Web Component for record selection. Sample Lightning Web Component: HTML: <template> <lightning-card> <div class="slds-var-p-around_medium"> <lightning-record-picker label="Accounts" placeholder="Search Accounts" object-api-name="Account" onchange={handleChange}> </lightning-record-picker> <template if:true={selectedAccountId}> ....
Fixed Header in Salesforce Lightning Web Component Datatable
To have fixed Header in Salesforce Lightning Web Component Lightning Datatable, set a height to the lightning datatable using a div tag. Sample Code: Apex Class: public class AccountController { ....