Add Salesforce Lightning Design System in Visualforce Page

I know it’s a pretty old thread, but still would like to add:

  1. You don’t need to add lightning css as static resource. Just include this tag on top of your VF page: <apex:slds />.
  2. Pass the icon reference directly as shown below:/apexpages/slds/latest/assets/icons/standard-sprite/svg/symbols.svg#opportunity

Example:

<use xmlns:xlink="http://www.w3.org/1999/xlink" 
    xlink:href="/apexpages/slds/latest/assets/icons/standard-sprite/svg/symbols.svg#opportunity">
</use>

32 thoughts on “Add Salesforce Lightning Design System in Visualforce Page”

  1. Pingback: Add Salesforce Lightning Design System in Visualforce Page — SFDC Parrot – SutoCom Solutions

  2. Excellent beat ! I wish to apprentice while
    you amend your website, how can i subscribe for a blog website?
    The account helped me a acceptable deal. I had been a little bit acquainted of this your broadcast
    provided bright clear concept

  3. Simply desire to say your article is as surprising.
    The clarity in your post is simply great and i can assume
    you’re an expert on this subject. Well with your
    permission allow me to grab your feed to keep updated with forthcoming
    post. Thanks a million and please carry on the gratifying
    work. games ps4 185413490784 games ps4

  4. Today, I went to the beachfront with my children. I found
    a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed
    the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is totally
    off topic but I had to tell someone! games ps4 185413490784 games ps4

  5. Hiya very nice website!! Man .. Beautiful .. Superb ..
    I’ll bookmark your blog and take the feeds also?
    I’m glad to search out numerous useful information here in the publish, we want develop more strategies in this regard, thank
    you for sharing. . . . . .

  6. I’m truly enjoying the design and layout of your blog.
    It’s a very easy on the eyes which makes it much more enjoyable
    for me to come here and visit more often. Did you hire out a developer to create your theme?
    Outstanding work!

  7. Hey! Do you know if they make any plugins to protect against hackers?

    I’m kinda paranoid about losing everything I’ve worked hard on.
    Any recommendations?

  8. If you are going for most excellent contents like I do,
    only pay a quick visit this web page all the time because it provides feature contents, thanks

  9. Hi there! This is my 1st comment here so I just wanted to
    give a quick shout out and say I really enjoy reading your blog
    posts. Can you recommend any other blogs/websites/forums that go over the same
    subjects? Thanks for your time!

  10. whoah this weblog is magnificent i like studying your articles.
    Keep up the good work! You already know, many individuals are searching around
    for this info, you can help them greatly.

    Feel free to surf to my web site … calibet ios

  11. Hello! Quick question that’s entirely off topic.
    Do you know how to make your site mobile friendly?
    My weblog looks weird when viewing from my iphone4. I’m trying to find a theme or plugin that might
    be able to resolve this problem. If you have any recommendations, please share.
    With thanks!

    Feel free to surf to my homepage :: apl 918kiss plus (918kiss-m.com)

  12. Please let me know if you’re looking for a article writer for your
    weblog. You have some really good posts and I believe I would
    be a good asset. If you ever want to take some of the load off, I’d love to write some material for your blog in exchange for a link back to mine.
    Please shoot me an e-mail if interested. Many thanks!

    Here is my page :: aaa1188 online

  13. With havin so much written content do you ever run into any problems of plagorism or copyright infringement?
    My blog has a lot of completely unique content I’ve either written myself or outsourced but it seems
    a lot of it is popping it up all over the internet without my authorization. Do you know any techniques to help stop content
    from being stolen? I’d definitely appreciate it.

    Here is my site; id 918kiss 2

Comments are closed.