Customise Panel Content - Footer Example
Create New Panels to Customise Content
Click the ‘New Panel’ button at the bottom of the Skin Editor and a new panel will appear in the Customised Panels list. When text in the panel list is underlined in red it means that you can edit it.
Click on the new panel id and description to change them to something more appropriate to the content.
Click on the pencil next to the new panel to open the panel editor.
By wrapping the custom content in the same HTML used by Confluence 5 you can ensure that the new footer displays in the same place, with the same styling.
<div id="footer" style="margin-left: 285px;"> <section class="footer-body"> <p>International Tel: +44 (0)20 7976 4896 | From the UK: 020 7976 4896 | Fax: +44 (0)161 660 8668</p> <p>Adaptavist.com Ltd., 35-39 Old Street, London, United Kingdom, EC1V 9HX</p> </section> </div>
You have a blank panel to work with and can add content in storage format, wiki markup or plain html. Change these options using the dropdown in the Skin Editor, between the panel Id and description.
Click ‘Apply’ and your changes will be saved.
To make this new panel show on a page it will need to be included in an existing panel. For the footer you will need to replace the 'panel-element' macro that displays the default Confluence footer, with a 'panel-import' macro that shows your custom panel.
The footer panel normally displays in both the 'with-sidebar', 'without-sidebar' and 'login' panels, so you will need to make the change in all three places.
<ac:macro ac:name="panel-element"> <ac:parameter ac:name="element">page.footer</ac:parameter> </ac:macro>
<ac:macro ac:name="panel-import"> <ac:parameter ac:name="panel">my-footer</ac:parameter> </ac:macro>
Click 'Apply' to save your changes and then view your site to see them in action.