Tag Archives: jQuery

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

Creating A Lightning Design Multi-Object AutoComplete Search Box In Salesforce

Hello There ! Welcome Back ๐Ÿ™‚

Today we are gonna learn to create a lightning design multi-object AutoComplete search box for our records in Salesforce visualforce.
Continue reading Creating A Lightning Design Multi-Object AutoComplete Search Box In Salesforce

Creating A Lightning Design Datepicker in Salesforce

Hello There ! Welcome Back ๐Ÿ™‚

Today we are gonna learn how to create a lightning design style datepicker in salesforce visualforce. Continue reading Creating A Lightning Design Datepicker in Salesforce

Using jQuery In Salesforce Visualforce

Hello There ! Welcome Back ๐Ÿ™‚

Today, we are gonna learn how to use jQuery in Salesforce Visualforce. Continue reading Using jQuery In Salesforce Visualforce

JSforce and DataTables for Salesforce.

JSforce is a JavaScript Library utilizing Salesforce’s API, It works both in browser and with Node.js.

Unlike other Salesforce API libraries, it is intended to give integrated interface both server-side and client-side apps, so you don’t have to rewrite similar logics with different libraries only for running in different environment, which pretty much saves you a lot of time โ€“ How Awesome, Right ?

And The best part is Continue reading JSforce and DataTables for Salesforce.