Get Current Location in LWC (Lightning Web Component)

In this implementation, we will implement the functionality to get the current location in LWC (Lightning Web Component) using getCurrentPosition()HTML Geolocation API. This will also help you to solve one of the problem statement in the Lightning Web Components Specialist Super-Badge. Let’s get into the implementation. Implementation In this implementation, we will create a button … Read more

Use Static Resource in LWC (Lightning Web Component)

In this implementation, we will implement the functionality to import and use static Resources in LWC (Lightning Web Component). Let’s just hop into the implementation. Implementation In this implementation, we will use <lightning:carouselImage> to display the list of images from Static Resource. First, create a Static Resource and upload a zipped folder with some images. … Read more

How to use LWC in Visualforce Page?

In this post, we will implement the functionality to use LWC in Visualforce Page using Lightning Out. There are many projects which are still maintained in Visualforce Page. In such projects, there are new requirements that are being developed using/in Visualforce Pages only. But after the introduction of Lightning Out, we don’t have to do … Read more

Slots in LWC (Lightning Web Component)

In this post, we will see why and how we should use Slots in LWC (Lightning Web Component). Slots in LWC are useful to make Lightning Web Component reusable and more flexible. It is also used to create a template in Lightning Web Component where we can create dynamic sections where the markup can be … Read more

Callout from LWC (Lightning Web Component)

In this post, we will implement the functionality to make an external callout from LWC (Lightning Web Component). We will make use of Named Credentials as well. Named Credentials makes it easy to call API from LWC and Salesforce altogether. Let’s get into the implementation. Also Read: Named Credentials in Salesforce with Example Implementation To … Read more

Drag and Drop between LWC (Multiple)

In the previous post, we implemented Drag and Drop functionality in the same Lightning Web Component. You can check the full implementation here. In this post, we will implement the Drag and Drop between Multiple LWC (Lightning Web Component). This post will cover multiple implementations, so let’s grab a cup of coffee, and hop into … Read more

Drag and Drop in LWC (Lightning Web Component)

This post will walk you through the implementation of Drag and Drop in LWC (Lightning Web Component) in the same component. We have to use HTML Drag and Drop API. We can also implement Drag and Drop between multiple Lightning Web Components which you can check here. Let’s get into the implementation. Implementation In this implementation, … Read more

Share JavaScript Code Between LWC and Aura

In this post, we will implement the functionality to share JavaScript code between LWC and Aura Component. Many projects use the Aura Component and LWC in the same project. And if there is some common JavaScript code that is used in both types of components, we can keep the common JavaScript Code in a single … Read more

Access LWC without Login using Lightning Out

In an earlier post, we checked how to access Visualforce Page without login which you can check here. In this post, we will implement the functionality to access LWC without a login on a Public Website using Lightning Out. Let’s just get into the implementation. Implementation To host lightning components on other web servers and … Read more

Quick Action using LWC with Example

In this post, we will create a Quick Action using LWC (Lightning Web Component). For Aura Components, we have to implement force:lightningQuickAction interface in the Aura component to enable Aura Component as Quick Action. There is a standard way to use Quick Action in LWC which is introduced in Summer ’21 Release. Please check the … Read more