The Layout Editor Resources screen is a file upload and management tool.
Any image or text file can be uploaded to the Theme Builder Resources, and is then available to a layout using the resource notation.
Once a resource has been uploaded you can perform actions on it to manage that resource. The actions will differ depending on the type of resource.
Note: Text includes CSS, JS etc. You must use the 'Save' button in the Layout Editor after changing any text file in the Resources screen.
|Image||Hover to View in popup|
|Image, Text||Click to Open browser|
(or right click to copy image url)
|Image, Text||Click to Delete|
|Text||Hover to Preview contents|
|Text||Click to Open in simple text editor|
Image resources can be used in the ThemeBuilder 5 CSS screen for background images. The code is added with the url in resource notation.
Add a background image to a HTML div in a panel or page.
Image in Resource screen
Div Added to Page
You will need the Content Formatting plugin installed to add HTML div's to a page. Use the macro browser to add a 'div' with the class 'my-background'.
The image is added as a background to the div.
See Skin Editor - HTML for an example of how to reference a CSS or JS resource file.
In the Theme Builder layout use the Import macro to include the contents of the resource in your panel. Use resource notation to reference the file.
You will need to click the 'Save' button to apply any changes made in the 'Resource' screen.
dashboard.wiki contains the wiki markup that creates the dashboard. You can edit this markup to customise your dashboard when using a Theme Builder layout globally.
flaglogic.wiki contains the conditional logic used to control the display of confluence content when using a Theme Builder layout.