Salesforce Lightning Component – expand and collapsable panel example

How to use aura:facet component and Learn creating expand and collapsable reusable lightning component in Salesforce

In previous blog post, we saw that how Lightning component bundles are related to each other and how to create simple Hello World component.

In this post, we will create very simple yet powerful reusable lightning component for collapse and expand panel. This time, we will skip basics of lightning and directly start with code.

Complete component is build with plain javascript and CSS, no library used.

Lightning CollapsiblePanel Component - Collapsed
Lightning CollapsiblePanel Component – Collapsed
Lightning CollapsiblePanel Component - Expanded
Lightning CollapsiblePanel Component – Expanded

 

Continue reading “Salesforce Lightning Component – expand and collapsable panel example”

Learning Lightning Component – Trailhead way

Learn Lightning Component Trailhead way
Learn Lightning Component – Trailhead way

In Previous article, I have introduced what is Trailhead and why employer should start using it to train Salesforce developers and Admins. At the time of writing this article, there are already 16 modules to be learned from it.

Recently Salesforce has added some more awesome tutorial and  In this article, I will walk-through “Lightning Component” module of Trailhead.

1. Getting started with Lightning Component (+100 points)

In this module, you will learn that what exactly is lightning component, Aura Framework and how it is different than visualforce?

This is UI framework to develope dynamic web pages for mobile and desktop devices in Salesforce. Its used mostly for SPA (Single Page Applications). It focuses on component based developement and reusing it. You can compare Lihtning component (by Salesforce) with React (by Facebook) and Polymer (by Google).

Continue reading “Learning Lightning Component – Trailhead way”