Tag Archives: Lightning Component

How to Add or Remove CSS style from the component/element during runtime or dynamically

In this blog, we will discuss how to Add and Remove CSS style from the component or element during runtime. To add and remove CSS style from the component or element, you need to use $A.util.addClass(object element ,string class) and $A.util.removeClass(object element, string class) methods, where “element” is the component to add and remove the… Read More: How to Add or Remove CSS style from the component/element… »

How to add Utility bar in a Salesforce lightning application

In this blog, we are going to learn about how to add utility bar in a lightning app. The component helps user, save navigation time, that they might have consumed while performing certain tasks. Firstly, it helps us to achieve it by just a few click without having to navigate to a different page. Secondly,… Read More: How to add Utility bar in a Salesforce lightning application »

How to Dynamically set base 64 image in lightning: carousel image

In this blog we are going to learn about how to dynamically set image in lightning: carousel. We use this component to display the collection of image. In addition, this component show only one image at a time. For example, let’s start with these component’s attribute. Src: This attribute stores the path of the image.… Read More: How to Dynamically set base 64 image in lightning: carousel… »

Displaying Related List based on User Profile in Lightning Experience

In this blog, will see how to provide permission to view the related list in Lightning experience. This can be done using Lightning App builder without writing a single line of code. Consider the scenario where you want only “System Administrator” Profile should be able to view the Opportunities related to the Account. To make… Read More: Displaying Related List based on User Profile in Lightning Experience »

How to Use Lightning Component in Visualforce page

In this blog, we will discuss on how to use Lightning component in Visualforce page. Kindly follow the below steps in order to use Lightning component in Visualforce page. Create Lightning Component SampleComponent Firstly, in this lightning component, we are using ‘PassesValueFromVF‘ attribute which is set/pass from Visualforce page. Refer the below code to define… Read More: How to Use Lightning Component in Visualforce page »

Add Delete Row Dynamically In Salesforce Lightning

In this blog, we will discuss how to Add Delete Row Dynamically In Salesforce Lightning Component. We shall take an example of adding account records in Salesforce using Add Delete Row functionality. Similarly, we have created 1 sample lightning component using which user can create multiple records as per requirement by Adding or Deleting new… Read More: Add Delete Row Dynamically In Salesforce Lightning »

Configure Launch Pad in Salesforce Lightning Experience

In this blog, we will see how to configure the Launch Pad in Salesforce. As Launch Pad is a standard Lightning Component which you can add to any Lightning page. They create a shortcut to important places for users. You can add any items that have tabs associated with them—standard and custom objects, Lightning web… Read More: Configure Launch Pad in Salesforce Lightning Experience »

Using Nested Lightning Components in Salesforce

We have already gone back and forth on how Lightning is beneficial and yet minimalistic, how it could be rendered on VisualForce Pages and how to implement their design system on Salesforce Classic if you want a taste of both worlds. Since its emergence, a large swarm of developers has gone on tireless approaches to… Read More: Using Nested Lightning Components in Salesforce »

Expand and Collapse panel using Lightning Component

As mentioned in our previous blogs, we have already seen how to use Lightning Components in our Visualforce pages and we have also seen how to implement the look and feel of Lightning in our Visualforce pages using SLDS system. As it stands it does seem like one-way traffic as we are only implementing Lightning… Read More: Expand and Collapse panel using Lightning Component »