Tag Archives: LWC

How to Create Quick action button using lightning web component

In this blog, we will learn How to Create Quick action button using lightning web component. To create the quick action button in the salesforce we have to perform the following steps: Create the Js-Meta-Xml File using the following code. JS-META-XML File in lightning web component Open Salesforce and go to the setup->Click on Object… Read More »

Displaying Types of Toast Message in Lightning Web component

In this blog, we are going to discuss on Displaying Types of Toast Message in Lightning Web component which pops up an alert of Success, error, warning, and Info message for users. A Toast message simply provides information to alert users. Toast messages i.e., ShowToastEvent also support Experience Builder sites but are not supported in… Read More »

How to invoke an LWC Component function from Aura Component

In this post, we will learn how to Invoke an LWC Component function from Aura Component when an event occurs in Aura. If we want to Invoke LWC function, we need to follow the steps mentioned below: LWC component function should be declared as public starting using @api decorator. We can invoke the LWC component… Read More »

How to Create Multi-Select Pick-list Field Using Lightning Web Component

This blog will help you learn about creating Multi-Select pick-list field using Lightning Web Component thus allowing users to select multiple pick-list values in any standard Salesforce object field. To implement Multi-Select pick-list we need a very basic UI with two standard lightning web component: lightning-combo box lightning-pill To start with, we will use lightning-combo… Read More »

How to Fetch current Record Id from Lightning Web Components (LWC)

This blog discusses on how to fetch the current record Id in the lightning web component. RecordId property is used in the lightning record page, and the property, i.e., recordId, is set to a current record Id. We are using this property in a JavaScript class using a @api decorator, and we need to define… Read More »

How to call the apex method in lightning web component

This blog will help you learn how to call the apex method in the lightning web component. To perform the functions written in the apex class to perform a specific task and create new business solutions. There are two ways to call Apex method from Lightning Web Component: Call apex method Using Wire services. Call… Read More »

The @track Decorator Is No Longer Required for Lightning Web Component but with one Exception

We are referring here to Spring ’20 Release Notes available on the Salesforce help section. We have removed the @track decorator from all the variables in our test project, but it was not working for the few variables. After more detail, we found one exception while removing the @track decorator, i.e., when using objects. So,… Read More »

Key Event/Listener in LWC (Lightning Web Component)

Lot of times user needs to enter data quickly.  In this case we would like to share with you how we have built a custom screen to enter Order Lines data quickly. But we had a unique requirement is that wherein when the user enters ENTER keyword, control needs to go to next line on… Read More »

How to add Lightning Web Components as Custom Tabs in Salesforce

As per Winter ’20 release notes, you can now add the Lightning Web Component as Custom Tab in Salesforce. So in this blog, we will understand how to create custom tab of Lightning Web Component. As we all know the <component>.js-meta.xml configuration file defines the metadata values for the component. To define lightning tab, add the lightning__Tab target to… Read More »