1

I am using the lightning design system for creating a visualforce page. However some classes are not included in the slds.css.

I have copied and pasted a 'Setup assistant' from the lightning design system and lot of the styling classes are missing.

In the visualforce page I have included:

<apex:page lightningStylesheets="true">
<apex:slds />

Any idea how I can apply these styles?

The only alternative is copying the styles individually from the lightning design system website, but hoping there's a better way!

Improve this question
5
  • Give apex:slds a try?
    – Raul
    Commented Jun 4, 2018 at 9:41
  • Yeah apex:slds is included :)
    – Ben Wright
    Commented Jun 4, 2018 at 9:55
  • Do not include both at same time, issue persists with both of them?
    – Raul
    Commented Jun 4, 2018 at 10:02
  • Make sure checkbox "Available for Lightning Experience, Lightning Communities, and the mobile app" is checked given on VF page defintion...
    – Ayub
    Commented Jun 4, 2018 at 10:02
  • I have tried both tags individually - same results. I have also checked the lightning experience box.
    – Ben Wright
    Commented Jun 4, 2018 at 10:14

1 Answer 1

Reset to default
0

Setup Assistant is a new component in v2.6 (Summer '18) of the Lightning Design System.

Try updating the API version on your Visualforce page to 42 or 43 (Summer '18). The SLDS version of the CSS imported with is currently set to v2.3 for pages with API versions up through 41. From API v42 and above, the latest SLDS CSS version is served.

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .