Posts

Showing posts with the label SLDS

Salesforce Lightning Design Systems

-
Salesforce Lightning Design Systems Lightning Design System  Salesforce Lightning Design System (SLDS) is a set of tools and guidelines provided by Salesforce for building user interfaces consistent with the Salesforce Lightning Experience. Benefits include efficiency, scalability, interoperability with the larger Salesforce ecosystem, and consistent design. Let’s just make sure we follow Salesforce Lightning Design Guidelines, Principles, and Best Practice  Here are a few links - Salesforce Figma UI Kit (Unleash the power of the SLDS UI Kit in Figma.) - Salesforce (@salesforce) on Figma Community   Lightning Web Components (View web component JavaScript, HTML, and CSS code, then preview the output.) - Components - Salesforce Lightning Component Library   Design System Starter Kit (Run prototypes of all sizes in the browser using SLDS.) - GitHub - salesforce-ux/design-system-starter-kit: Rapid prototyping environment using the Salesforce Lightning Design System...
Post a Comment
Read more

Lightning Design System (SLDS) in Visualforce pages

-
Salesforce Lightning Design System provides a set of CSS classes and design guidelines that allow you to create user interfaces that are consistent with the Salesforce Lightning Experience.  You can use the Lightning Design System (SLDS) to build Visualforce pages that match the look and feel of the Salesforce mobile app. To use SLDS, it takes some tweaks in your code and a few things to remember. Visualforce Page with SLDS <apex:page applyHtmlTag="false" applyBodyTag="false">     <html lang="en">     <head>         <title>SLDS Example in Visualforce</title>         <apex:slds />     </head>     <body>         <div class="slds-scope">             <div class="slds-grid slds-grid_vertical">                 <div class="slds-col slds-size_1-of-2">  ...
Post a Comment
Read more