C2S Tech

  Address Lookup in Lightning (LWC, Aura) using Google API July 18, 2020   by  Nikhil Palekar In this post, we will implement the Address Lookup in Lightning (LWC, Aura) using Google Maps Places API in Lightning using Aura and Lightning Web Components. This is used to Autocomplete address in Lightning. When we start typing an address in the lookup field, a dropdown menu displays matching addresses returned by the Google Maps Places API. We can select the address from the dropdown which will auto-populate address fields based on the selected address. Let’s hop into the implementation. Implementation Salesforce Lightning framework provides  lightning:inputAddress  and  lightning-input-address  for Aura and Lightning Web Components respectively. Both tags support Address Lookup in Lightning using Google Maps Places API. By default, it displays all the address fields in  Text format . First, we need to enable  Maps and Location Settings  in ...

  Real Time Salesforce Project Scenario: Calculator in Lightning Welcome to another implementation of Real Time Salesforce Project Scenario, where we will implement a custom Calculator in Lightning. If you want to check other implementations in  Real Time Salesforce Project Scenario  series, you can check it  here . In this implementation, we will create a Calculator in Lightning using Aura Components. This scenario will give you a good understanding of how to develop Aura Components and work with UI and JavaScript Controllers. Implementation Real Time Salesforce Project Scenario Create a Calculator that will perform basic operations like Addition, Subtraction, Multiplication, Division, and Clear. Before getting into the coding, this is how our implementation will look like: Real Time Salesforce Project Scenario: Calculator in Lightning As you have already seen in the above screenshot, most part of the Calculator looks like a table. So, let’s use the  <table...

  Salesforce Real Time Project Scenario: To-Do List in Lightning In this post, we will implement Real Time Salesforce Project Scenario: To-Do List Management in Lightning. Salesforce Real Time Project Scenario in Lightning: Create a Lightning Aura Component that will display To-Do List in one section. The user should be able to click on the to-do task to mark it complete. The completed tasks will be displayed in another section. The user should be able to create a new task from the component. Technical Requirement: Create a Custom Object named Notes to store the Tasks. Create two Custom Fields on Notes object – Title and Status. Create an Aura Component to display a list of to-do and completed tasks. Create an Apex Class and methods to fetch the to-do and completed tasks, create a new task, and mark tasks as completed. This is how our implementation will look: Salesforce Real Time Project Scenario: To-Do Task Management in Lightning Note: I will use the Notes and Tasks words here a...