ThemeBuilder Skin Changes for Confluence 6+

Due to a change in the Confluence theme decorators, the structure for some ThemeBuilder panels has changed. If 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

For 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>

Dashboard Welcome Message

The welcome message code has changed significantly in the simple Dashboard panel, with new wrapping divs and classes. Please use or adapt this new code if you have any problems with displaying 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.

On this page