Tag Archives: Salesforce Lightning Design System

Articles on coding with the Enterprise Class UI Design Framework, The Salesforce Lightning Design System.

Build Real-Time TV Dashboards with Salesforce Data, Platform Events & a Raspberry Pi – Part 3 – Raspberry Pi Setup

This blog post is Part 2 of the blog post series on Building Real-Time TV Dashboards with Salesforce Data, Platform Events & a Raspberry Pi.

Let’s get started with the Raspberry Pi setup.

The idea is to have the Dashboard running on the Pi. This can be done in various different ways but for the sake for this project we will be hosting and running the dashboard on the Raspberry Pi.
We will be building the Dashboard using the LWC OSS (Lightning Web Components Open Source) Framework.
 Pro Tip (Optional but totally worth trying out): Setup SSH and VNC on the Pi for super easy remote development and remote control.

Continue reading Build Real-Time TV Dashboards with Salesforce Data, Platform Events & a Raspberry Pi – Part 3 – Raspberry Pi Setup

Build Real-Time TV Dashboards with Salesforce Data, Platform Events & a Raspberry Pi – Part 2 – Salesforce Setup

This blog post is Part 2 of the blog post series on Building Real-Time TV Dashboards with Salesforce Data, Platform Events & a Raspberry Pi.

Let’s continue right from where we left off and setup our Salesforce Environment.

We need a Salesforce Org. Trailhead Playground or a Developer Edition would be the best when learning or trying out anything Salesforce. Get either one of these and let’s get started.

To communicate our Salesforce data to the dashboard(on the Raspberry Pi) in real-time, we will be using Platform Events.
Platform Events help deliver custom notifications within the Salesforce platform and in external apps. They facilitate event-based communication using the publisher-subscriber model.
So in our case, the Publisher is our Salesforce Org and the Subscriber is the Dashboard LWC App on the Raspberry Pi.

Continue reading Build Real-Time TV Dashboards with Salesforce Data, Platform Events & a Raspberry Pi – Part 2 – Salesforce Setup

Build Real-Time TV Dashboards with Salesforce Data, Platform Events & a Raspberry Pi – Part 1 – The Intro

Hello & Welcome Back!!
I hope you are doing well! 😀

A little bit of background before we get started. Dreamforce. It is on the top of my bucket list ever since I started working on the Salesforce Platform. When the Call for Presentations for this year’s Dreamforce 2019 was opened, I submitted my first ever developer track proposals! And… thanks to God and Salesforce, one of my developer track proposals got accepted! 😍 I can’t find words to describe how happy and excited I was. It would be my first ever Dreamforce, both speaking and attending.
I was assigned an awesome session owner from Salesforce, Ernie Maldonado, he was very kind, supportive and provided great feedback to make it a successful session. After a month long journey of learning, building, collaboration and presentation design, I was all set for my first ever Dreamforce! And… I couldn’t make it due to a last minute emergency. But, I didn’t want it to stop me from sharing my idea with my fabulous Salesforce Ohana.

So here is a 3 part blog post series on Building TV Dashboards with Salesforce Data, Platform Events and a Raspberry Pi. Without further ado, let’s get started. Continue reading Build Real-Time TV Dashboards with Salesforce Data, Platform Events & a Raspberry Pi – Part 1 – The Intro

Using Lightning Design System(SLDS) Modal/Popup in Salesforce Lightning Web Components

Hello there & Welcome back! 😀

In this post we will be learning how to use Lightning Design System(SLDS) Modal/Popup in Salesforce Lightning Web Components. Continue reading Using Lightning Design System(SLDS) Modal/Popup in Salesforce Lightning Web Components

Summer’17 SLDS – An Important Change You Should Know About It!

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

The Summer’17 version of the Lightning Design System(2.3) is out with some more great components and it is Awesome!

Apart from that, there is a very important change that makes this release standout from its previous versions. For those of you who use SLDS regularly, you might have noticed the change. Continue reading Summer’17 SLDS – An Important Change You Should Know About It!

Creating Dependent Picklists in Lightning Components

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

Today we are going to Create Dependent Picklists in Lightning Components.
Continue reading Creating Dependent Picklists in Lightning Components

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

Creating A Dynamic & Reusable Lightning Design Sales Path/Status Visual In Salesforce

Hello There! Welcome Back 🙂

So, there is this Sales Path for Opportunities in Salesforce Lightning Experience which helps get a quick peek of the Opportunity stage which is beautiful, dynamic and advantageous.

What if we could get the same thing for other objects too, both standard and custom? It would be very helpful, right ?

So Today, we are gonna learn to create a Reusable & Dynamic Lightning Design Sales Path/Status Visual for our records in Salesforce visualforce. Lets get started! Continue reading Creating A Dynamic & Reusable Lightning Design Sales Path/Status Visual In Salesforce