Styling hooks can be used to adjust lightning-accordion-section title CSS in Salesforce Lightning Web Component(LWC). Sample code: HTML: <template> <div class="slds-box slds-theme--default"> <lightning-accordion allow-multiple-sections-open> <lightning-accordion-section name="A" label="Accordion Title A"> Testing ....
Sample JavaScript for Static Resource: window.ExampleJS = ( function() { return { exampleMethod: function() { console.log( 'Inside exampleMethod from External JavaScript' ); return 'Text from External ....
Sample External JavaScript Code: window.ExampleJS = ( function() { return { exampleMethod: function() { console.log( 'Inside exampleMethod from External JavaScript' ); } }; }()); Static ....
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 ....