dashboard: move bottom left favorite panel to the right hand top side

[Deleted user]

Is it possible to move the favorite panel from the bottom left to the top right side of the dashboard? Above the default panel on the top right side? I tried it with the documentation but It did not work. Here is the current code:

## GLOBAL DECORATOR
## This decorator handles a global context, i.e. information which is independent of space.
## Supports modes: 'dashboard', 'userdir', 'rss'.

#set ($mode = $params.get("mode"))
#set ($context = $params.get("context"))
#set ($helper = $params.get("helper"))
#set ($infoPanelWidth = $params.get("infopanel-width"))
#set ($maxFavouritePages = "20") ## Change this value to increase the default number of favourite pages displayed on the Dashboard

#infoPanelInitFromParams()

#requireResourcesForContext("global")

<!-- GENERAL PAGE DECORATING BEGINS -->
#assistiveSkipLink("assistive.skiplink.to.dashboard.recent.updates" "dashboard-recently-updated")
<div class="pagebody">
 #parse ( "/template/includes/actionerrors.vm" )

<div class="dashboard">
 <div class="dashboard-section">
 #if ($mode == "dashboard")
 #parse ("/decorators/includes/dashboard-navigation.vm")
 #requireResourcesForContext("dashboard")
 #rssautodiscovery($action.rssDescriptor)
 #permitSearchEngines()

<div class="dashboard-group left">
 #if($permissionHelper.isConfluenceAdministrator($remoteUser))
 <div class="dashboard-item wiki-content">
 <ol id="dashboard-get-started">
 </ol>
 </div>
 #end
 #dashboard_renderGlobalActions("dashboardActionsId", ["system.dashboard"] )

#foreach ($webPanel in $webInterfaceManager.getDisplayableWebPanels("atl.dashboard.left", {}))
 <div class="dashboard-item">
 $!webPanel.getHtml($req.getParameterMap())
 </div>
 #end
 <div class="dashboard-item">
 $helper.renderConfluenceMacro("{globaltimeline:defaultSpaceKeyForGlobalMicroblog=LV}")
 </div>
 </div>## left
 <div class="dashboard-group right wiki-content">
 $helper.renderConfluenceMacro("{recently-updated-dashboard:showProfilePic=true}")
 </div>## right
 #else
 #if ($params.get("suppress-default-navigation") != "true")
 <content tag="content-navigation">
 <div id="navigation" class="content-navigation">
 <ul class="ajs-menu-bar">
 #menuMacros_renderButton("system.${mode}.button")
 </ul>
 </div>
 </content>
 #end
 <div class="dashboard-group $!mode">
 $body
 </div>
 #end

## INFO PANEL FOR ANY PAGE
 #if ($infoPanelRequired)
 <div style="width: $infoPanelWidth" id="helptd">
 #infoPanel(true true true true)
 </div>
 #end

</div><!-- .dashboard-section -->
 </div><!-- .dashboard -->
</div>
#parse ( "/breadcrumbs.vm" )

<!-- GENERAL PAGE DECORATING ENDS -->

[Sharon Hinde · Accepted solution]

Hi Lars,

because of the way the left hand dashboard items are being created, in a loop of velocity code, it may be easier to move the Favourites section using JavaScript.

Try this code in Confluence Administration > Custom HTML > At the end of the BODY

It moves the favourites-spaces-section to the beginning of the dashboard-group right HTML div.

<script type="text/javascript">
$(document).ready(function() {
  $('.dashboard-group.right').prepend($('.favourite-spaces-section'));
});
</script>

You may need to add some CSS styling to space things out a little in that right hand column though.

Sharon

[Deleted user]

This is great! And what about moving the whole web panel section (including network, favorites and so on) from left to top right? Can I add more tabs and fill in own stuff and so on? Is there any good documentation? Thanks!

[Manuel Pregler]

Are there some news about this?