Category Lightning Web Component

Most Powerful Component – lightning-record-edit-form. Using this component, we can show and edit the record in a customized way. We can override the Save functionality and override the default behavior using this component. We can use lightning-input-field as well as…

lightning-record-view-form component will display the record details by using record-id and lightning-output-field. This component is also based on LDS(Lightning Data Service). We will show the user record by lightning-record-view-from component. So, we have built a LWC named “showLRVFRecord“. Step 1:…

We can show the Salesforce Record using lightning-record-from Salesforce base component which is based on LDS(Lightning Data Service). Even, System will allow to edit the record in standard way using this component. We will show the user record by lightning-record-from…

Till now, we have seen when we want to capture the value of input fields, we have used “onchange” event into the input fields just like In this “onchange” event procedure, always we are sending the values from input fields…

To set the design attributes in Lightning Web Component, we have to work on configuration file or component.js-meta.xml file. We have created a Lightning Web Component named “configurator“. Step 1: Need to update the configurator.js-meta.xml file to set the visibility…

As per current release[Spring 19], you can not use assignment operator in conditional statement in html file of Lightning Web Component. That means, you can not put any condition in or the following syntax of html is invalid. template if:true={count==4}…

In this session, we will learn how to use get & set method in Lightning Web Component. Generally, GET method returns value and SET method sets the value. We will follow the same way as in other OOPS Programming Language,…

Navigation Mechanism is the way to redirect a new web page, new record, edit record, record detail page etc. without using Apex Class. We have created one Lightning Web Component named “lightningNavigation“. Step 1: Need to update the lightningNavigation.js-meta.xml file…