SheetJS Library can be used in the Salesforce Lightning Web Component to download the record in the Excel format. 1. Go to https://cdn.sheetjs.com/. 2. Select xlsx.full.min.js from the current version. ....
updateRecord from the 'lightning/uiRecordApi' library can be used to update records without using Apex in Salesforce Lightning Web Component. Sample Lightning Web Component: HTML: <template> <lightning-card icon-name="standard:case"> <p class="slds-p-horizontal_small"> <lightning-input ....
autocomplete attribute allows automated assistance in filling out the form field values. Sample Lightning Web Component: HTML: <template> <div class="slds-box slds-theme--default"> <form> <lightning-input label="First Name" type="text" autocomplete="given-name" name="firstName"> </lightning-input> <lightning-input ....
lightning-avatar with variant as circle can be used to display image inside a circle using Salesforce Lightning Web Component. In this Blog Post, I have used Content Asset for storing ....
lightning:isUrlAddressable should be used in the Salesforce Lightning Aura Component for navigation from the Lightning Web Component. Sample Code: Lightning Aura Component: Lightning Aura Component Code: <aura:component implements="lightning:isUrlAddressable" access="global"> <lightning:workspaceAPI ....
Standard Events Custom Events Salesforce Lightning Web Components dispatch standard DOM events. Example: click, mouseover, mouseout, etc. CustomEvent interface should be used for creating Custom Events in the Salesforce Lightning ....
log() method from the lightning/logger module in the Salesforce Lightning Web Component can be used to log custom messages to Event Monitoring. Enable Lightning Logger Events should be enabled in ....
For openSubtab and openTab in Salesforce Lightning Web Component, we have to use lightning/platformWorkspaceApi. Sample Lightning Web Component: HTML: <template> <lightning-card> <div class="slds-var-m-around_medium"> <lightning-datatable key-field="Id" data={records} columns={columns} hide-checkbox-column show-row-number-column onrowaction={handleRowAction}> ....
Salesforce messageChannel "lightning__conversationEnded" can be used to listen to the Salesforce Messaging for In-App and Web Conversation End Event. Sample Lightning Web Component: HTML: <template> </template> JavaScript: import { LightningElement, ....
SLDS CSS won't work in the Pre-Chat Lightning Web Component since it loads outside the Lightning. So, we can apply the CSS directly on the elements using style property. Sample ....