Category Archives: Lightning

Here’s a set of common Lightning Web Components (LWC) interview questions along with their answers: 1. What is LWC and how is it different from Aura Components? Answer: Lightning Web Components (LWC) is a lightweight framework built on modern web standards, designed to simplify building web components on the Salesforce Lightning Platform. It is differentContinue reading “LWC Interview Questions”

Integrating Lightning Web Components (LWC) with Apex in Salesforce is a powerful way to leverage server-side processing for your client-side applications. This integration enables you to access Salesforce data, perform complex business logic, and maintain security controls. Let’s explore this integration in detail. 1. Understanding the Role of Apex: Apex is Salesforce’s server-side programming language,Continue reading “integrating with Apex using lwc”

Data binding in Lightning Web Components (LWC) is a core concept that enables developers to connect data sources and UI elements efficiently. Understanding and utilizing data binding effectively can greatly enhance the interactivity and responsiveness of applications built on the Salesforce platform. This overview will cover the essentials of data binding in LWC, illustrate itContinue reading “Data binding in LWC”

Event handling in LWC allows you to capture and respond to various events triggered by user interactions or system events. Here’s a guide on how to handle events in Lightning Web Components: 1. Handling DOM Events: You can handle standard DOM events like click, change, input, etc., directly in your HTML template. Example: 2. DispatchingContinue reading “Event handling in lwc”

let’s create a simple “Hello World” Lightning Web Component (LWC). 1. Create a New LWC Project: Open your terminal and run the following commands: 2. Enable LWC: If LWC is not enabled in your Salesforce org, enable it by running: 3. Create Your First Lightning Web Component: Run the following command to create a newContinue reading “Create Your First LWC”

To implement a color picker in a Lightning Web Component (LWC), you can use an HTML input element with type=”color”. Here’s a basic example of how you can create a color picker in an LWC: In this example: This is a basic example to get you started. Depending on your requirements, you may need toContinue reading “Color picker in lwc”

Problem: I need to display Lightning Modal when a button is clicked. I want to display that button in custom lwc component. Solution: We will be creating a LWC component using lightning-modal-* tags. What is a Modal? The modal is a window that is displayed over the existing application and deactivates the functionality of theContinue reading “Display Modal in LWC”

Custom Aura tokens: You can capture essential values of your visual design into Custom Aura tokens. Define a token value once and reuse it in your lightning component’s css. Advantage: Tokens make it easy to ensure that your design is consistent and even easier to update your design as it evolves. Steps To Create AuraContinue reading “Custom Aura Tokens and how to use them in lwc?”

You can update any individual record in lwc using ui api i.e without writing any piece of apex logic. All you need to do it to import uiRecordApi class as shown below- then call this method as shown below in your js handler (save method which you want to call from save button) –

Problem: In LWC, when reassigning value in cloned javascript object, you get this error. For eg. Solution: First stringify js object and then parse it to clone as shown below- Reason: The JavaScript exception “can’t define property “x”: “obj” is not extensible” occurs when Object.preventExtensions() marked an object as no longer extensible, so that it will neverContinue reading “TypeError: can’t define property “x”: “obj” is not extensible”

Let’s create a LWC component first- contactInfoFlowLWC.html contactInfoFlowLWC.js contactInfoFlowLWC.js-meta.xml Now lets create a flow & use lightning component inside it- Now add this flow on home page screen- Demo:

Modal.html Modal.js modal.js-meta.xml Testing this generic Modal testModal.html testModal.js Now add this test component in app builder. You should see output as shown below when you click on ‘open modal’ button-

apexClassExplorer.html apexClassExplorer.js apexClassExplorerController apexClassExplorer.xml

treeGridWithSearch.html treeGridWithSearch.js

Requirement: User should be able to choose temples and then populate email body in chatter email based on Email Template as shown below- Solution: We will create following lightning Aura component and will drop just above the Chatter Email. Let’s take a look at the code- UpdateEmailComponent.cmp UpdateEmailComponentController.js UpdateEmailComponentHelper.js ContactListCompController.apxc Please note: Email to CaseContinue reading “Lightning: Populating Email Body of chatter Email using Email Templates”

Sometimes there is a requirement where you want to show/hide certain fields based on some criteria but that was not possible with standard salesforce layout and thats why dynamic forms came into picture. With dynamic forms we can customize highlighted panel and the detail view of the record page. On the highlighted panel, you canContinue reading “Dynamic Forms in Salesforce Lightning”

Like App Launcher, Launchpad lets user quickly access the information they need. Using launchpad, you can access visualforce pages, lightning web components, lightning components directly without creating any tab. There is a standard lightning component named as ‘LaunchPad’ which can use on following lightning pages- Home Page Record Page App Page Approach is simple toContinue reading “Create your own Launch pad in Salesforce Lightning”