PDI · Question #15
Universal Containers has large number of custom applications that were built using a third-party javaScript framework and exposed using Visualforce pages. The Company wants to update these…
The correct answer is A. Incorporate the Salesforce Lightning Design System CSS stylesheet into the JavaScript. To apply Lightning Experience styling to existing Visualforce pages with custom JavaScript frameworks, a developer should incorporate the Salesforce Lightning Design System (SLDS) CSS stylesheets.
Question
Universal Containers has large number of custom applications that were built using a third-party javaScript framework and exposed using Visualforce pages. The Company wants to update these applications to apply styling that resembles the look and feel of Lightning Experience. What should the developer do to fulfill the business request in the quickest and most effective manner?
Options
- AIncorporate the Salesforce Lightning Design System CSS stylesheet into the JavaScript
- BRewrite all Visualforce pages asLightning components.
- CSet the attribute enableLightning to true in the definition.
- DEnable Available for Lightning Experience, Lightning Communities, and the mobile app on
How the community answered
(33 responses)- A73% (24)
- B3% (1)
- C6% (2)
- D18% (6)
Why each option
To apply Lightning Experience styling to existing Visualforce pages with custom JavaScript frameworks, a developer should incorporate the Salesforce Lightning Design System (SLDS) CSS stylesheets.
Incorporating the Salesforce Lightning Design System (SLDS) CSS framework into Visualforce pages allows developers to easily apply the look and feel of Lightning Experience to custom applications without a complete rewrite, providing a quick and effective styling solution.
Rewriting all Visualforce pages as Lightning components is a significant development effort and is not the quickest or most effective method solely for applying updated styling.
Setting an attribute like `enableLightning` to true is not a standard Visualforce attribute to comprehensively apply SLDS styling; Visualforce pages typically use `<apex:slds>` or manual SLDS CSS integration for this purpose.
Enabling a Visualforce page for Lightning Experience merely makes it available in the new UI but does not automatically restyle its content to match Lightning Experience aesthetics.
Concept tested: Styling Visualforce with Lightning Design System
Source: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/slds_visualforce.htm
Topics
Community Discussion
No community discussion yet for this question.