I want to add a custom image to Salesforce Community
This is aleardy done in a test Sandbox the logo is accessible via {Community_url}/s/{imageName}
I am trying to add than in a new Sandbox
So the question is :
how to add an image in Salesforce to be able to access it, in a lightning component like this
<img src="{!'/s/logo.png'}" alt="logo" />
Thank you
Currently you have a single component and you are using that to show all the menus .
Instead your each navigation menu itself will be a component and you will keep the URL configurable in the design file .If you need multiple items you will drag multiple of those components .
The other approach is if you are using queries to pull the results ,create a field at database to allow the app admin to input URL's there
If you upload you image to a static resource. Yes.
All you need to do is go under the "Branding editor" -> Edit custom CSS and add the appropriate styling. Reference your image accordingly:
body
{
background-image: url('https://salesforceDomain/resource/"generatedID"/StaticResourceFile/img.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
salesforceDomain -> I am assuming you know what this is...
"generatedID" -> Salesforce bundles your static resource folder into some generated ID. In order to obtain it, you can reference the image in a visualforce page and load it. Using chrome's developer tools, under the network tab you should be able to view the Request URL for the image.
VF page:
<apex:image url="{!URLFOR($Resource.FolderName,
'filepath/ImgName.jpg')}" />
Chrome dev tools:
as of winter 17, you can create a Custom Theme Layouts which basically involves creating a lightning component, referenced here.
there is a more recent post in the forum that also mentions custom layouts in the Napili template here.
Best Answer
You can simply use the salesforce site class
https://developer.salesforce.com/docs/atlas.en-us.apexcode.meta/apexcode/apex_classes_sites.htm
This will give you the prefix of the current site