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 ....
import FORM_FACTOR from '@salesforce/client/formFactor' can be used to find the viewing device in Salesforce Lightning Web Component. Large - Desktop Device Medium - iPad Device Small - iPhone Device Sample ....
import FORM_FACTOR from '@salesforce/client/formFactor' can be used to find the viewing device in Salesforce Lightning Web Component using which we can Hide and Show based on the viewing Device. Sample ....
navigator.clipboard.writeText() can be used to copy text to Clipboard in Salesforce Lightning Web Component. Sample Lightning Web Component: HTML: <template> <lightning-card> <div style="padding:0.5rem;background:grey"> <div class="slds-text-color_inverse"> Sample Clipboard Text <lightning-button-icon icon-name={iconName} ....
