Built Picklist Utilizing Salesforce Lightning Design System and AngularJs.
Welcome back ! In my previous post, I had covered how to Built Multiselect Picklist Utilizing Salesforce Lightning Design System and AngularJs. As many readers asked me to demonstrate about the normal salesforce picklist utilizing Lightning design system. So in this blog, we will explore how to built Picklist with the utilization of Salesforce Lightning Design System and AngularJs.
Initial setup :
Afore starting with Initial setup, get acquainted with Lightning introduction
- Download the ‘Salesforce Lightning Design System’ Custom Scoped CSS from here , place your desired scoping class name into the “Scoping class” input and click Generate CSS. This Scoping class wraps your content using the Lightning Design System to avoid CSS conflicts. Scoping class name example : slds
- Download the scoped version of the Design Systems files and upload Zip folder as your static resource.
- As I am using Angular Js in my code, I have included angular Js file in code. Download AngularJS file from here and upload to a static resource.
I have considered three picklist fields to demonstrate the example,
Show me the code!
For clear understanding, I have included a particular inline remark(Comment) about code segments.
Code is available on Github.
So That’s all ! we have successfully Build Picklist Utilizing Salesforce Lightning Design System and AngularJs. Cheers !
What’s Next ?
Keep your eyes on upcoming blog entry – Built Lookup Utilizing Salesforce Lightning Design System and AngularJs.
I would appreciate if you could share your thoughts in the comments section.