ThemeBuilder for Confluence Server and DC

ThemeBuilder Skin Changes for Confluence 6+

Due to a change in the Confluence theme decorators, the structure for some ThemeBuilder panels has changed. If you find that your pages have display issues, check the new panel code here, and add or adapt it to your theme.

Content Panel

In the content panel, the div with the HTML main-content ID has been removed as a wrapper for the panel-import=profile macro. The code in that area used to be the following:

<div id="main-content" class="wiki-content">
<ac:macro ac:name="panel-import">
<ac:parameter ac:name="panel">profile</ac:parameter>
</ac:macro>
</div>

It should now be this:

<ac:macro ac:name="panel-import">
<ac:parameter ac:name="panel">profile</ac:parameter>
</ac:macro>

Content Panel Code from ThemeBuilder 5.5.7 for Confluence 5.9.8 - 6+

<ac:macro ac:name="panel-contentwrapper">
<ac:rich-text-body>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.custom-content-header</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.actionerrors</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.metadata</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.spacetools-navigation</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.spacetools-secondary-navigation</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-show">
<ac:parameter ac:name="decorator">profile</ac:parameter>
<ac:rich-text-body>
<ac:macro ac:name="panel-import">
<ac:parameter ac:name="panel">profile</ac:parameter>
</ac:macro>
</ac:rich-text-body>
</ac:macro>
<ac:macro ac:name="panel-hide">
<ac:parameter ac:name="decorator">profile</ac:parameter>
<ac:rich-text-body>
<ac:macro ac:name="main-wrapper">
<ac:rich-text-body>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">content-body</ac:parameter>
</ac:macro>
</ac:rich-text-body>
</ac:macro>
</ac:rich-text-body>
</ac:macro>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.labels-editor</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.comments</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.footsection</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.custom-content-footer</ac:parameter>
</ac:macro>
</ac:rich-text-body>
</ac:macro>

My Tasks Profile Menu Item

In the profile and with-sidebar panels my-tasks-profile-menu-item has been added as a mode option in the Panel Hide Macro. The new line of code for the mode options in these panels should look like this:

<ac:parameter ac:name="mode">follow,my-tasks-profile-menu-item,view-status,my-favourites,edit-notifications-profile,drafts
</ac:parameter>

Dasboard Welcome Message

In the simple-dashboard panel, the welcome message code has changed significantly, with new wrapping divs and classes. Please use or adapt this new code if you have any problems with the display of the welcome message in ThemeBuilder skins.

<div class="welcome-message-wrapper">
<div class="welcome-message wiki-content" id="welcome-message">
<div class="welcome-content">
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.dashboard-welcome</ac:parameter>
</ac:macro>
<ac:macro ac:name="panel-show">
<ac:parameter ac:name="permission">siteadmin</ac:parameter>
<ac:rich-text-body>
<ac:macro ac:name="panel-element">
<ac:parameter ac:name="element">page.dashboard-welcome-message-edit</ac:parameter>
</ac:macro>
</ac:rich-text-body>
</ac:macro>
</div>
</div>
</div>

If you need any help with these changes, please contact us, quoting ticket number TBD-2.