1. LockerLightning Locker is enabled for all custom Lightning web components. LWC uses Lightning Locker, a powerful security architecture for Lightning components that enhances security by isolating Lightning components in ....
1. Create a Lightning Web Component that extends lightningSnapin__ChatMessage. HTML: <template> <div class={messageStyle}> <lightning-formatted-rich-text value={messageContent.value}> </lightning-formatted-rich-text> </div> <template if:true={showPhoneBool}> <div class={messageStyle}> Contact ....
<iframe> tag can be used to show Visualforce page inside a Lightning Web Component in Salesforce. Check the following sample implementation for reference. Sample Code: Visualforce: <apex:page > Record Id from ....
Sample Code: Apex Class: public with sharing class AccountController { @AuraEnabled( cacheable = true ) public static AccountWrapper fetchAccounts() { AccountWrapper wrap = new ....
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, ....