Tag Archives: Javascript For Lightning Design System

Articles on making the Salesforce Lightning Design System Components interactive.

Using The Lightning Design Checkbox Toggles In Salesforce

Hello There! Welcome Back 🙂
Hope you are doing great 😀

In this blog we are gonna take a look at javascripting Lightning Design System “Checkbox Toggle” component and some different scenarios for using them.

Let’s get started!

Things we will be using:
1) The Salesforce Lightning Design System
2) jQuery Continue reading Using The Lightning Design Checkbox Toggles In Salesforce

Creating Expandable / Collapsible Lightning Design Sections In Salesforce

Hello There! Welcome Back 🙂

In this blog we are gonna make the Lightning Design System “Sections” component interactive(Expandable/Collapsible sections).

Let’s get started!

Things we will be using:
1) The Salesforce Lightning Design System
2) jQuery Continue reading Creating Expandable / Collapsible Lightning Design Sections In Salesforce

Creating Switchable Lightning Design Tabs In Salesforce

Hello There! Welcome Back 🙂

The Lightning Design System is my personal favourite UI framework the main reason being its look and feel is native & lightweight.
But, Salesforce says that “The Lightning Design System is a pure CSS framework“. Which means we have to write our own javascript for the Lightning Design System components. If you are using the Lightning Components framework, Salesforce had you covered with Most of the SLDS components(Base Components) as a part of the Lightning Component framework.

So, I am starting to write generic code for some of the Lightning Design System components(mostly for visualforce and may or may not apply to Lightning Components as demonstrated below) which you can use in your development projects and build great User Interfaces. I am using jQuery to write this code.
Continue reading Creating Switchable Lightning Design Tabs In Salesforce