Page tree
Skip to end of metadata
Go to start of metadata

Customizable dashboard, widgets and an extended space navigation


On this page:

Activating Lively Theme

In order to edit the dashboard and use the space navigation, Lively Theme must be activated. Go to the Confluence Administration → Look and Feel / Themes, select Lively Theme and confirm.


Editing the Dashboard

Go to the dashboard and click "Edit Dashboard" in the lower left corner.

By default, every Confluence administrator can see this button and is able to edit the dashboard.

Creating the Dashboard Page

In order to edit the dashboard, Lively Theme needs to create a Confluence page. On the first time clicking the "Edit dashboard" button, you will be presented with a dialog to create this dashboard page. It can be in your personal space, or in any space you like.

If you restrict the editing of the page, you will be the only person that can edit the dashboard. You can of course edit the page restrictions to allow additional users to edit the page. They then will also see the "Edit dashboard" button.

From now on, if you click "Edit Dashboard", you will be redirected in the editing mode of the dashboard page.

Removing or Setting Another Dashboard Page

If you go the Confluence Administration → Lively Theme → Dashboard you can remove the page or choose a different one.

Widget Macro

The Widgets macro is used on the dashboard page but it actually can be used on any page.

Parameters

AttributeDefault valueDescription
Titlenone

The title of the widget.

Can be any text. Example: My Open Tasks

Colorgray

The widget top color.

This must be a 6 digit color hex code, preceded by the pound sign. Example: #0052CC

Content Stylewidget

The style that should be applied to the content. By default the "widget" style applied to make popular macros and content elements like tables better fit into a widget.

The option "menu" adds styles to make lists and tables look more like a menu and "expand-menu" allows creating menus with the Expand macro.

The option "none" will apply no style and the Confluence content will be displayed as it is.

Examples for content style "widget"

Tasklist maco before:

Tasklist maco after:

Table before:

Table after:

Examples for content style "menu"

Table with icons before:

Table with icons after:

Examples for content style "expand-menu"

Table with Expand macro before:


Table with Expand macro after:

HiddenuncheckedIndicates whether the widget should be displayed or not.

Advanced Parameters

ParameterDefault valueDescription
Actions

none

Further actions are links that are displayed with an icon on the top right of a widget.

Actions are defined as a JSON array of action objects with these keys:

KeyDescription
typeOnly "link" is accepted as a type at the moment. Example: link
linkThe link where the action should point to. This can be an external link (http://...) or an internal link. Example: /plugins/inlinetasks/mytasks.action
iconThe AUI Icon code. Example: arrows-right
tiitleThe title of the action. Can be any text. Example: Tasks

Full Example:

[
  {
    "type": "link",
    "icon": "arrows-right",
    "title": "Tasks",
    "link": "/plugins/inlinetasks/mytasks.action"
  }
]
Macro ParametersnoneComma separated list of a key-value pairs separated by a colon. Allows to set macro parameters of macros inside the widget. It is used for example to set the current user in the task report macro. Example: assignees:@currentUser
Hide SelectornoneA CSS selector to hide element inside the widget macro if they should not be displayed inside the widget.


Column Width Macro

The Column Width macro can be used to customize the width of a section column. Just place it anywhere inside the section. Use a percentage or a pixel value for the column width. Example: 25%

Dashboard Element Macro

The Dashboard Element macro can be used to display dashboard elements like the all-updates stream or the welcome message.

With the option "custom", a CSS selector can be provided that matches a Confluence web panel that is used on the dashboard. Example: ".new-dashboard-calendar-container" for the Team Calendars panel.

Widget Examples

NameScreenshotContentContent Style
Welcome Message

Dashboard Element macro

Element: welcome-message

widget
My Open Tasks

Task Report macrowidget
News

Blog Posts macrowidget
Calendar

Confluence Team Calendars must be installed.

Dashboard Element macro

Element: custom

Web Panel Selector: .new-dashboard-calendar-container

widget
Questions

Confluence Questions must be installed

Question List macro

widget
Administrators

User List macro

Groups: confluence-administrators

widget
Link Menu

Links, each in one linemenu
List Menu

Links in a listmenu
Table Menu

Links in a table with one columnmenu
Icon Menu

Links in a table with 2 rows, the first one for the iconsmenu
Expand Menu

Links inside the Expand macroexpand-menu
Icon Menu

Icons with text in a table with one rowwidget
Button Menu

Button images in a table with one columnwidget


Space Navigation

The default Confluence space navigation on the top left is replaced by a tabbed navigation.


These tabs are available:

TabDescription
Recent spacesThe top 10 most recent visited spaces.
My spacesAll the users favourite spaces, sorted by name.
CategoriesAll the spaces grouped by a space category.



Download Lively Theme for Confluence
from the Atlassian Marketplace and
try it for free! 


  • No labels