Tag: Salesforce Lightning Web Component

Sample Code: HTML: <template> <lightning-card> <lightning-input-rich-text> <lightning-rich-text-toolbar-button-group slot="toolbar" aria-label="Sample Button Group"> <lightning-rich-text-toolbar-button icon-name="utility:save" icon-alternative-text="Save" onclick={handleSave}> </lightning-rich-text-toolbar-button> <lightning-rich-text-toolbar-button icon-name="utility:email" icon-alternative-text="Email" onclick={handleEmail}> </lightning-rich-text-toolbar-button> </lightning-rich-text-toolbar-button-group> </lightning-input-rich-text> </lightning-card> </template> JavaScript: import { LightningElement } ....

Using NavigationMixin.Navigate with type: 'standard__recordRelationshipPage', we achieve Related List View All link behaviour using Salesforce Lightning Web Component(LWC). Sample Code: HTML: <template> <lightning-card> <lightning-button label="View Contacts" onclick={viewContacts}> </lightning-button><br/><br/> <lightning-button label="View ....

Sample Code: HTML: <template> <lightning-quick-action-panel header="New Case"> <lightning-record-form object-api-name="Case" layout-type="Full" columns="2" record-type-id={caseRecordTypeId}> </lightning-record-form> </lightning-quick-action-panel> </template> JavaScript: import { LightningElement, wire } from 'lwc'; import { getObjectInfo } from 'lightning/uiObjectInfoApi'; import ....

[LWC QUICK ACTION]s.invoke is not a function Exception occurs in Salesforce Lightning Web Component when Action is used instead of ScreenAction in the actionType. To fix the exception, use the ....

Visualforce page with renderAs="advanced_pdf" can be used in Lightning Web Component using iframe tag to render a pdf from Lightning Web Component Quick Action. Sample Code: Visualforce Page: <apex:page renderAs="advanced_pdf"> ....

Styling Hooks can be used to adjust CSS properties like the height and width of the lightning-button in Salesforce Lightning Web Component. Sample Code:HTML: <template> <lightning-card title="Testing Lightning Button"> <lightning-button ....