function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
vsabbellavsabbella 

Lightning Components Quickstart: Expensetracker app not loading css.

Hi all,

I am trying out lightning quick start app. I have been following instructions from the guide. I copy pasted the code from quickstart guide into my development org. But I could not figure out what is wrong with lightning design system css. Did anyone come across this before(see image below)? Trying to resolve the issue, I tried creatting the static resource for lightning design system css in my dev org but that does not seem to work either. How do I import the stylesheet in the app? is there any specific way that I am completely missing.

User-added image
Ricardo Coutinho 7Ricardo Coutinho 7
Hi,
Are you using the Lightning design system?
You need to put the design system in the static resources and then call it in the component(or app), like this:
<ltng:require styles="{!$Resource.SLDSv1 +
'/assets/styles/salesforce-lightning-design-system-ltng.css'}"/>
Change the name of the resource if you need.

 
vsabbellavsabbella
Ricardo, Thanks for response. The documentation says it is not required. Although I tried uplaoding the css to static resource as well.
Ricardo Coutinho 7Ricardo Coutinho 7
Hi,

So can you show the code to see what type of CSS Classes you're using?