LWC: HTML: <template> <div class="slds-box slds-theme--default"> <template if:true = {records}> <div style = "height: 300px;"> <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-table_striped"> <tr> <th scope ....
Sample Code: HTML: <template> <h1>Welcome to the Chat</h1> <div class={messageStyle}> <lightning-formatted-rich-text value={messageContent.value}> </lightning-formatted-rich-text> </div> </template> JavaScript: import BaseChatMessage from 'lightningsnapin/baseChatMessage'; const CHAT_CONTENT_CLASS = 'chat-content'; const AGENT_USER_TYPE = 'agent'; const CHASITOR_USER_TYPE ....
Sample code: Lightning Web Component: HTML: <template> <lightning-card> Contact Name is {name}<br/><br/> Contact Phone Number is {phone} </lightning-card> </template> JavaScript: import { LightningElement, wire, api } from 'lwc'; import { ....
Sample Code: HTML: <template> <div class="slds-box slds-theme--default"> <div class="slds-text-color_inverse slds-text-heading_large" style="padding:0.5rem;background:#16325c"> Accounts </div> <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-table_striped"> <thead> <tr class="slds-line-height_reset"> <th class="" scope="col"> <a class="slds-th__action slds-text-link_reset" href="javascript:void(0);" role="button" tabindex="0" ....
Use state attribute to pass query parameters or URL parameters in lightning navigation. Sample Code: Apex Class: public with sharing class AccountController { @AuraEnabled( cacheable = true ) ....
Sample Code: Apex Class: public with sharing class CustomTableController { @AuraEnabled( cacheable = true ) public static List < sObject > fetchRecords( String strRecordId, String strField, ....
Sample Code: HTML: <template> <div class="slds-box slds-theme--default"> <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-table_striped"> <thead> <tr class="slds-line-height_reset"> <th class="" scope="col"> Account Name </th> <th class="" scope="col"> Created Date </th> <th class="" scope="col"> ....
Sample Code: Apex Class: public with sharing class AccountController { @AuraEnabled( cacheable = true ) public static List< Account > fetchAccounts() { return [ SELECT Id, Name, Industry, AccountNumber, Rating, ....
cssLibrary.css: h1 { text-align: center; font-weight: bold; font-size: large; color: black; } .bgCSS { background: black; color: white; font-weight: bold; } cssLibrary.js-meta.xml: <?xml ....
Sample Code: sample.messageChannel-meta.xml: <?xml version="1.0" encoding="UTF-8"?> <LightningMessageChannel xmlns="http://soap.sforce.com/2006/04/metadata"> <masterLabel>Sample</masterLabel> <isExposed>true</isExposed> <description>This is a sample Lightning Message Channel.</description> <lightningMessageFields> <fieldName>variable1</fieldName> <description>Variable 1</description> </lightningMessageFields> </LightningMessageChannel> component1.html: <template> <lightning-card title="Component 1"> <lightning-button label="Publish" ....