sample.css: .textCSS { color: red; } .slds-card__header { color: green; font-weight: bold; text-align: center; } .slds-th__action { color: blue; justify-content: center !important; } .buttonCSS ....
We can import the CSS from Static Resource using @salesforce/resourceUrl/StaticResourceAPIName and use it in the Lightning Web Component. LightningCard.css: .textCSS { color: red; } .slds-card__header { color: green; font-weight: bold; ....
In Salesforce Lightning Web Component lightning-datatable, we can sort the records in JavaScript. We can avoid Server Calls(Apex) to sort the records using SOQL sorting. Sample Code: Apex Class: public ....
Sample Code: HTML: <template> <lightning-card title = "{Title}"> <lightning-button label="New" slot="actions" onclick = {createNew}></lightning-button> <lightning-input type = "search" onblur = {handleKeyChange} class = ....
Sample Code: HTML: <template> <div class="slds-p-around_medium lgc-bg"> <div class="slds-m-bottom_small"> <lightning-button label="Expand All" onclick={clickToExpandAll}> </lightning-button> <lightning-button label="Collapse All" onclick={clickToCollapseAll}> </lightning-button> </div> <lightning-tree-grid ....
This error usually happens when cacheable=true is not set in the apex method. Check the below code that works without any issues since cacheable is set correctly. public class AccountListController ....
Sample Code: /*Constructs a DateTime from the specified date and time in the local time zone.*/ Date myDate = Date.newInstance( 2020, 10, 30 ); Time myTime = Time.newInstance( 3, 3, ....
Sample Code: Apex Class: public with sharing class ExampleController { @AuraEnabled(cacheable=true) public static List < Account > fetchAccounts() { return [ SELECT Id, Name, Industry FROM Account LIMIT 10 ]; ....
Sample Code: AccountListController.apex: public class AccountListController { @AuraEnabled public static List < Account > fetchAccts() { return [ SELECT Id, Name, Industry, Type FROM Account LIMIT 10 ]; } } ....
Sample Code: LWC HTML: <template> <lightning-tree-grid columns = {gridColumns} data = {gridData} key-field = "Id" hide-checkbox-column = true onheaderaction = {handleHeaderAction}> </lightning-tree-grid> </template> LWC JavaScript: import { LightningElement, track, wire ....