Sample Code: HTML: <template> <lightning-card title="Sample Card"> Testing Content<br/> Testing Content<br/> Testing Content<br/> </lightning-card> </template> JavaScript: import { LightningElement } from 'lwc'; export default class LightningCard extends LightningElement {} CSS: ....
Sample code: HTML: <template> <lightning-card> <lightning-combobox name="filter" label="Industry" value={selectedValue} options={options} onchange={handlePicklistChange} placeholder="Select Industry" read-only={readOnlyBool}> </lightning-combobox> <p slot="footer"> <lightning-button onclick={enablePicklist} label="Enable"></lightning-button> <lightning-button onclick={disablePicklist} label="Disable"></lightning-button> </p> </lightning-card> </template> JavaScript: import { LightningElement, ....
In the below implementation, I have created Custom quick action with Lightning Web Component to forward the records(Accounts) to the target org. Pre-requisite: Salesforce to Salesforce Setup: https://www.infallibletechie.com/2012/03/salesforce-to-salesforce-connection-2.html Sample code: ....
Sample code: Apex Class: public class MassApprovalController { @AuraEnabled( cacheable = true ) public static List < MassApprovalWrapper > fetchPendingApprovalRecords() { List < ....
Sample Code: HTML: <template> <lightning-card title="Prechat Form"> <template class="slds-m-around_medium" for:each={fields} for:item="field"> <template if:true={field.dropDown} key={field.name}> <div key={field.name}>Priority</div> <select class="slds-select" key={field.name} onchange={handlePriorityChange}> <option label="Low" value="Low"></option> ....
lightning/uiRelatedListApi can be used to fetch the related records and display using Lightning Web Component. Since we use lightning/uiRelatedListApi, apex code is not required to fetch the related records. Check ....
lightning/uiRelatedListApi can be used to find number of related records using Lightning Web Component. Check the sample code below: Sample Code: HTML: <template> <lightning-card> No of Contacts is ....
Sample Code: HTML: <template> <lightning-card class="slds-m-around_small"> <lightning-textarea max-length="100" message-when-value-missing="Please enter the description" label="Description" required value={description} onchange={handleChange} class="textAreaCSS"></lightning-textarea> </lightning-card> </template> JavaScript: import { LightningElement } from 'lwc'; export default class DataTable ....
Use '$variableName' while calling wire method instead of using this.variableName. This will avoid the undefined variable issue while calling Wire method in Salesforce. Check the following sample code. '$userId' will not ....
Sample JS-meta.xml: <?xml version="1.0" encoding="UTF-8"?> <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> <apiVersion>52.0</apiVersion> <isExposed>true</isExposed> <targets> <target>lightning__RecordAction</target> <target>lightning__RecordPage</target> </targets> <targetConfigs> <targetConfig targets="lightning__RecordAction"> <actionType>Action</actionType> <objects> <object>Account</object> ....