Salesforce Pre-Chat Lightning Web Component CSS
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 ....
Tag: Salesforce Lightning Web Component
How to find viewing device in Salesforce Lightning Web Component?
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 ....
Hide and Show in Salesforce Lightning Web Component based on viewing Device
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 ....
How to copy to Clipboard in Salesforce Lightning Web Component?
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} ....
How to prevent right click in Salesforce Lightning Web Component?
preventDefault() on the contextmenu event can be used to prevent right click in Salesforce Lightning Web Component. Sample Lightning Web Component: HTML: <template> <lightning-card> <div class="slds-m-around_medium"> Testing <lightning-input label="Text" type="text"> ....
GraphQL in Salesforce Lightning Web Component
The GraphQL wire adapter can be used in the Salesforce Lightning Web Component. Sample Lightning Web Component: HTML: <template> <lightning-card> <div class="slds-m-around_medium"> <lightning-datatable key-field="Id" data={accountRecords} columns={columns} hide-checkbox-column> </lightning-datatable> </div> </lightning-card> ....
How to pass data from Salesforce Lightning Web Component to Flow?
role="outputOnly" should set in the property tag for the targetConfig targets="lightning__FlowScreen" tag to pass data from Salesforce Lightning Web Component to Flow. Sample Lightning Web Component: HTML: <template> <lightning-card> <lightning-datatable ....
Open record from Salesforce Flow
Salesforce Lightning Web Component lightning/navigation can be used to open a record from Flow. HTML: <template> </template> JavaScript: import { LightningElement, api } from 'lwc'; import { NavigationMixin } from ....
Salesforce Lightning Web Component File Upload and Preview
To preview the File in Salesforce Lightning Web Component, we need the Content Document Id and the Content Version Id. Sample Lightning Web Component: HTML: <template> <lightning-card> <div class="slds-m-around_medium"> <template ....
Salesforce Lightning Web Component File Upload and Preview Link
For Salesforce Lightning Web Component File Upload and Preview Link, we can use lightning-file-upload to upload file and Lightning Navigation for Preview URL. Sample Lightning Web Component: HTML: <template> <lightning-card> <div ....