Apex Code Development You need to sign in to do that
Don't have an account?
Travis Canales Lightning Component CSS is missing
Hello All,
I am very new to Lightning development and salesforce in general.
I am trying to make a simple component that consists of tabs with a graph in each one. I have directly copied and pasted the example of a simple tabset from (https://developer.salesforce.com/docs/component-library/bundle/lightning:tabset/example)
My issue is that the styling looks like it is entirely missing. Below is a picture of the result:
I have noticed that I am getting an error that may or may not be related to this but I have been unable to find anything about it other than to modify our CSP which doesn't sound right to me. paste of the error below:
Refused to run the JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' 'nonce-[removed as im not sure if this is sensitive]' chrome-extension: 'unsafe-inline' 'unsafe-eval' https://sfdc.azureedge.net *.cs19.visual.force.com https://ssl.gstatic.com/accessibility/". Note that 'unsafe-inline' is ignored if either a hash or nonce value is present in the source list.
This error is repeated each time I click on an item in the tabset.
Has anyone had this issue or know what is possibly causing it? Any help would be greatly appreciated.
Thanks,
Travis
I am very new to Lightning development and salesforce in general.
I am trying to make a simple component that consists of tabs with a graph in each one. I have directly copied and pasted the example of a simple tabset from (https://developer.salesforce.com/docs/component-library/bundle/lightning:tabset/example)
My issue is that the styling looks like it is entirely missing. Below is a picture of the result:
I have noticed that I am getting an error that may or may not be related to this but I have been unable to find anything about it other than to modify our CSP which doesn't sound right to me. paste of the error below:
Refused to run the JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' 'nonce-[removed as im not sure if this is sensitive]' chrome-extension: 'unsafe-inline' 'unsafe-eval' https://sfdc.azureedge.net *.cs19.visual.force.com https://ssl.gstatic.com/accessibility/". Note that 'unsafe-inline' is ignored if either a hash or nonce value is present in the source list.
This error is repeated each time I click on an item in the tabset.
Has anyone had this issue or know what is possibly causing it? Any help would be greatly appreciated.
Thanks,
Travis
Greetings to you!
You need to extend force:slds in application. The Salesforce Lightning Design System provides a look and feel that’s consistent with Lightning Experience. Your application automatically gets Lightning Design System styles and design tokens if it extends force:slds.
To extend force:slds:
<aura:application extends="force:slds"> <c:Your_Component_Name /> </aura:application>I hope it helps you.
Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.
Thanks and Regards,
Khan Anas
All Answers
Greetings to you!
You need to extend force:slds in application. The Salesforce Lightning Design System provides a look and feel that’s consistent with Lightning Experience. Your application automatically gets Lightning Design System styles and design tokens if it extends force:slds.
To extend force:slds:
<aura:application extends="force:slds"> <c:Your_Component_Name /> </aura:application>I hope it helps you.
Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.
Thanks and Regards,
Khan Anas
Thanks!
It’s an remarkable piece of Answer for all the web people and thank you for your response - Regards THOP TV (https://thoptv.fun/)
If you are playing games on mobile, consider downloading mod of Empires and Puzzles (https://www.universalapk.com/empires-and-puzzles-codes-mod/) which is an absolutely awesome game!