How to refer the styles in SLDS

  • 2
  • Question
  • Updated 1 year ago
Hi
I want to use some of the slds styles to create a Activity Timeline,
at the moment I'm struggling to access the static resource and the styles in it.
Can someone advice me how to access and use the slds styles?

Thanks in Advance
Photo of Hasantha Liyanage

Hasantha Liyanage

  • 1,446 Points 1k badge 2x thumb

Posted 2 years ago

  • 2
Photo of David Giger

David Giger

  • 1,758 Points 1k badge 2x thumb
Hi Hasantha,

What is the name of the static resource you want to access in the Skuid Page?
If the static resource is a ZIP-file you need to specify the path where the CSS-resources are located





Cheers
Photo of Hasantha Liyanage

Hasantha Liyanage

  • 1,446 Points 1k badge 2x thumb
Thanks David,
I managed to refer the css in the static resource and also I wanted to access the SVGs in it.

prior to access SVGs, it requires to include below line in the html

<html xmlns="http://www.w3.org/2000/svg"; mlns:xlink="http://www.w3.org/1999/xlink">;

and then to access the SVG,

<use xlink:href="/resource/1462501153000/slds0120/assets/icons/action-sprite/svg/symbols.svg#close"></use>
Photo of youri.nelson

youri.nelson

  • 72 Points
Hasantha,

How did you manage to include the icon static resource into your page? and where did you add that html line for it to show up on your page?

How do you find out what that long number is after resource/ in the <use xlink:
(Edited)