Schedule a demo of LiquidPlanner with a product expert today
Widgets & Groups | LiquidPlanner

Widgets & Groups

Widgets are the primary design element for Dashboards and Groups are the basis of the Dashboard Layout. Add Widgets and Groups to your Dashboard in Design Mode. The Widget Gallery has thirteen options to choose from including work metrics, scheduling, properties, lists, notes and and images. Widgets expand to show more data.

1

Widgets and Groups in View Mode #

Widgets and Group example

Groups provide control over widget size and positioning. Widgets inherit the Group’s scope and data filter settings. In View Mode, you can tell how widgets are grouped by the border surrounding them.

Clicking More Details on the Widget performs the action defined in Widget Settings. Clicking a widget can expand into a View on the Dashboard, open a Plan Item Edit Panel or navigate to another View in the Workspace.

Settings allows Project Managers to view and edit Widget Settings without leaving View Mode.

2

Add Widgets and Groups in Design Mode #

Design mode example

When a Dashboard is created it has two sample groups and several widgets. Widgets are always in a Group, they can be created within the Group or dragged over from another Group. When widgets move from one group to the next they automatically update to the new Group’s settings. Open Design Mode to add or edit Widgets and Groups.

+Widget opens the Widget Gallery. Select a Widget and Save it to the Dashboard.

+Widget in the header bar creates a new Widget and a new Group

+Widget in the Group adds the Widget to the bottom of the Group

+Group creates a new section on the left side of the Dashboard.

Done exits Design Mode, returning you to the Dashboard’s View Mode.

Read more to learn about formatting the Dashboard Layout with Groups and Widgets in Design Mode. . .

Formatting Groups

Formatting Groups example

Use the dots to drag a Group and all its widgets to a new location on the Dashboard.

The default Group name in the title bar comes from its Scope. A Group’s default name doesn’t appear on the Dashboard. Enter a name for the Group if you would like one displayed.

To the right of the title bar, Group Filter opens the modal where Scope and Filtering are defined. Scope and Filtering are optional for a Group. When they are applied, all the Widgets in the Group inherit its settings.

The last icon on the right has Group Options which includes Size, +Widget, Duplicate, Delete. Duplicating or deleting a Group includes the Group and all its Widgets. The Group’s size can span the full width of the Dashboard, or half.

Formatting Widgets

Formatting Widgets example

Use the dots to drag a Widget to another location in the Group or move it to another Group.

The default Widget name in the title bar comes from its Scope. This is the name that will appear on the Dashboard unless you enter a name of your own. This can also be entered in Settings.

To the right of the title bar, More Detail performs the action defined in Widget Settings. Clicking a widget can expand into a View on the Dashboard, open a Plan Item Edit Panel or navigate to another View in the Workspace.

Settings gear opens the modal for defining Scope, Filters and Widget Settings. Scope and Filtering are optional for most widgets. Each widget’s settings are explained later in this lesson.

The last icon on the right has Widget Options including Settings, Size, Duplicate, Delete. The Widget can span the full width of the Group, or half. Four widgets can span the width of a Dashboard when they are set to Half Size.

3

Widget Gallery in Design Mode #

Widgets are located in the Widget Gallery which opens when clicking +Widgets in Design Mode. The remainder of this lesson explains widgets in detail. Widgets have different settings available which can be summarized as follows:

Have Data Filter Settings: Metrics Tally, Task Board, Workload

Need to be Scoped to a Plan Item: Linked Note, Properties Summary, Schedule Summary

Expand into Views on the Dashboard: Changes, Metrics Tally, Plan Item Lists, Task Board, Workload

Have On-Click Settings that open the edit panel or navigate to another view: Properties Summary, Schedule Summary

Dashboard specific widgets: Dashboard Note and Image

4

Changes #

Changes View Settings example

Changes Widget displays the five most recent changes on items captured within the scope and filter set. Clicking the widget in View Mode expands a Changes View on the Dashboard showing plan item changes made over the last 90 days (30 days for the FREE plan).

Expand to learn about scope, filtering and the expanded view for this widget . . .

Widget Title: incorporate filter parameters in the title so viewers understand which plan items are included in the widget and its Changes View.

Widget scope is optional. Use it to narrow scope and filters inherited from Group and Dashboard settings.

Interactivity in View Mode: clicking a Task link opens the Edit Panel. Clicking a Project or Sub-Folder navigates to the task list in Project View. Clicking a Package takes you to its Package View.

Click to expand the widget 

Click to expand Change widget example

When viewers click the Changes Widget in View Mode, it expands to show all plan items captured within the Widget Scope, plus scope and filters on the Group and Dashboard. See the Changes View lesson for more about monitoring workspace updates.

Return to View Mode by clicking the orange button at the top of the screen.

5

Dashboard Note #

Dashboard Note Settings example

Apply Notes to your Dashboard using a rich text editor that supports text formatting, images, hyperlinks, code sample, special characters, emoticons and time stamps. In View Mode, clicking the widget expands the Note so it can be edited or viewed more easily.

Expand to learn about formatting this widget . . .

Widget Title: add a title that catches your viewers’ attention.

Create tables in the widget or paste in spreadsheet data from other programs such as Excel.

Use the Help tab in the widget editor to explore shortcuts, keyboard navigation and plugins.

Scope and Filters: this widget doesn’t require scope and it isn’t affected by scope and filtering on the Group or Dashboard.

Save closes the editor and returns to Design Mode.

Interactivity in View Mode: click on the widget to open the editor and update the note without going to Design Mode. Project Manager access required.

6

Image #

Image Widget Settings

Add Images to the Dashboard. Supported file types include: BMP, GIF, ICO, JPEG, PNG, SVG, TIFF, WEBP.

Widget title is optional. Save closes the editor.

7

Linked Note #

Linked Note Settings example

Linked Note displays the information in the Notes field on the Edit Panel of a Package, Project or Sub-Folder. In View Mode, clicking the widget expands the Linked Note so it can be edited or viewed more easily.

Expand to learn about scope and filtering for this widget . . .

Widget Title: include the plan item and note field names in the widget title so viewers know what they’re looking at.

Scope: this widget needs to be linked to a plan item through either the Widget, Group or Dashboard scope. If scope has not been set in at least one area, a warning appears: Scope needs attention.

Link To: select the Note to display. Be sure to select a plan item that falls within the scope set on the Dashboard, Group or Widget. Warning Scope needs attention Scope needs attention appears when you link to a note on a plan item that is outside their boundaries. If you forget to link to the note after setting the scope, “Linked Note could not render” displays. Open settings and select a note to clear the error.

Save closes the editor and returns to Design Mode.

Interactivity in View Mode: click on the widget to open the editor and update the note without going to Design Mode. Project Manager access required.

8

Metrics Tally #

Metrics Tally Settings example

Displaying Metrics on the Dashboard makes it easy to follow along with the work and status of plan items. Metrics are tallied based on scope and filters set on the Widget, its Group and the Dashboard. Choose Metrics to display on the widget and when viewers click it will expand into a list showing all metrics.

Expand to learn about scope, filtering and setting the display for this widget . . .

Title: be descriptive so viewers know what the tally includes.

Scope: optional, use it to narrow scope and filters inherited from Group and Dashboard settings.

Data Filter Settings: this widget can have Project, Task and Assignment filters. Use Custom Filters to include Custom Data Fields or other properties. Widget filters combine with Group and Dashboard filters.

Rows: select metrics to display in the widget and set the order to display them in View Mode. Choose from Work Metrics, and counts by Plan Item, Schedule Status and Task Status. You may display all the metrics on the widget in View Mode.

Save closes the editor and returns to Design Mode.

Click to expand the widget 

Click to expand Metrics Tally widget example

In View Mode clicking the Metrics Tally Widget expands a Metrics View on the Dashboard showing tallied metrics for everything falling within the scope and filters applied to the Widget, its Group and the Dashboard. The expanded Metrics View does not follow the same order as the widget. Rows are listed by Work Metrics, then counts by Plan Item, Schedule Status and Task Status.

Return to View Mode by clicking the orange button at the top of the screen.

Metrics Tally Filter Example

Metrics Tally Filter Example

The example above shows shows two Metrics Tally widgets displayed on a Workspace Dashboard. Both widgets are scoped to the SCHEDULED Collection. The widget on the left has no filters applied. It displays metrics for all Projects and All Tasks assigned to Anyone in the SCHEDULED Collection.

The Metrics Tally widget on the right with the same scope has a Task Filter for Tasks at Risk. The filter reveals there are 8 Projects with Tasks at Risk in the SCHEDULED Collection for a total of 69 Tasks at Risk. The Metrics for Total Work, Remaining Estimate and Logged Hours reflect the hours tallied up from those tasks.

9

Package, Project, Sub-Folder and Task Lists #

List Widget examples

Plan Item List widgets are custom tables displaying schedule data, work metrics and properties associated with Packages, Projects, Sub-Folders or Tasks. These display up to 5 columns and 20 rows in View Mode. Clicking the widget expands into a Grid View on the Dashboard with more data.

Expand to learn about table design, scope and filtering for this widget . . .

Design Package, Project, Sub-Folder and Task List widgets by selecting columns to display on the widget in View Mode and set up additional columns for the Grid View that expands when the widget is clicked.

The widget and the view are interactive. Clicking a plan item link on the widget in View Mode opens its Edit Panel. When the widget is expanded to Grid View, viewers can adjust columns, edit plan items and download data. Go to the Grid View lesson to learn about working in this view. Adjusting columns in the Dashboard Grid does not affect the widget columns in View Mode.

Plan Item List Widget Settings

List widget settings

Package, Project, and Task List Widgets are all set up the same way. Setting widget scope and filters is optional. Use them to narrow scope and filters inherited from Group and Dashboard settings.

Save closes the editor and returns to Design Mode.

List Widget Filter Example

List widget filter examples

A filtered List Widget displays plan items matching the filter without filtering the rollup data. In the example above, a Project List widget scoped to a Package is filtered to display Active Projects that have Active Tasks, Assigned to Anyone in the workspace. Filtering to a Member reduces the list to those Projects where they have assignments on Active Tasks. Their assignments could be Active or Done. Note that the Project rollup data is unchanged.

10

Properties Summary #

Properties Summary Settings

Properties Summary includes all the data associated with a plan item. Select what you want to show on the widget in View Mode and set the click action for viewers. Clicking the widget can open a tab on the Edit Panel or navigate them to another view in the workspace.

Expand to learn about scope, filtering and setting the click action for this widget . . .

Widget Title: include the scoped plan item name in the widget title so viewers understand why properties are displayed.

Scope: this widget needs to be linked to a plan item. Warning Scope needs attention Scope needs attention displays when scope inherited from the Group and Dashboard is too broad. Use the widget scope to select a plan item.

On-Click: set the click action for viewers clicking on the widget.

Disable On-Click: None.

Navigate to the Scoped Plan Item’s View: Board, Changes, Dashboard, Grid, Schedule, Workload.

Open a tab on the Scoped Plan Item’s Edit Panel: Planning, Scheduling, Properties, Notes, Changes.

TIP: for the best viewer experience, select a location that corresponds to the properties shown in the widget. For example, if Schedule Metrics are shown, navigate them to Schedule View. If Custom Data Fields are displayed, choose Properties on the Edit Panel. In some cases it may make sense to set up multiple Properties Summary widgets on your Dashboard

Rows: display Work Metrics, Target Dates, Scheduling, Schedule Dates, Schedule Status, Plan Item Name, Assignments, Counts, Percent Complete, Location, Cost Code, Created By, Created On, Description. Organizations on PROFESSIONAL and ULTIMATE Plans can display Custom Data Fields in the Properties Summary widget.

Save closes the editor and returns to Design Mode.

11

Schedule Summary #

Schedule Summary Settings

Schedule Summary displays the schedule rollup for a Package, Project or Sub-Folder. Select a plan item and set the click action for viewers. Clicking the widget in View Mode can open a tab on the Edit Panel or navigate to another view in the workspace.

Expand to learn about scope, filtering and setting the click action for this widget . . .

Widget Title: include the scoped plan item name in the widget title so viewers know which schedule they’re looking at.

Scope: this widget needs to be linked to a plan item. Warning Scope needs attention Scope needs attention displays when scope inherited from the Group and Dashboard is too broad. Use the widget scope to select a plan item.

On-Click: set the click action for viewers clicking on the widget.

Disable On-Click: None.

Navigate to the Scoped Plan Item’s View: Board, Changes, Dashboard, Grid, Schedule, Workload.

Open a tab on the Scoped Plan Item’s Edit Panel: Planning, Scheduling, Properties, Notes, Changes.

Save closes the editor and returns to Design Mode.

For more about scheduling see the Introduction to Schedule Bars and Target Dates lessons.

12

Task Board #

Task Board Settings example

Task Board is a Custom Task Status Meter that changes as tasks move from one status to the next. Clicking the widget expands into a Board View in the Dashboard displaying Tasks captured within the scope and filter set.

Expand to learn about scope, filtering and the expanded view for this widget . . .

Widget Title: incorporate filter parameters in the title so viewers understand which Tasks are included in the widget and its Board View.

Widget scope is optional. Use it to narrow scope and filters inherited from Group and Dashboard settings.

Data Filter Settings: this widget can have Project, Task and Assignment filters. Use a Custom Task Filter to specify Task Statuses included in the widget if you don’t want to display them all. Widget filters combine with Group and Dashboard filters.

Task Board Filter Example

Task Board Filter Example

In this example a Custom Task Filter is used to select just two statuses to display in the widget, “In Progress” and “In Review.”

Click to expand the widget

Expand Task Board

When viewers click on the Task Board Widget in View Mode, a Board View expands displaying Tasks within the scope and filters applied to the Widget, the Group and the Dashboard.

Board View is interactive on the Dashboard. Dragging tasks to the left or right changes their schedule status in the workspace. Clicking on a card opens the Task Edit Panel. See the Board View lesson to learn about managing tasks in this view.

Return to View Mode by clicking the orange button at the top of the screen.

13

Workload #

Workload Widget Settings

Workload shows how work is distributed over 60 days with the heaviest load on top. The top five appear in the widget, to see more click it to expand a Workload View in the Dashboard.

Expand to learn about scope, filtering and setting the click action for this widget . . .

Widget Title: include filter parameters in the widget title so viewers know where the workload comes from.

Widget Scope is optional. Use it to narrow scope and filters inherited from Group and Dashboard settings

Data Filter Settings: this widget can have Project, Task and Assignment filters. Use Custom Filters to include Custom Data Fields or other properties. Widget filters combine with Group and Dashboard filters.  Workspaces on the Ultimate Plan can filter by member Group.

Save closes the editor and returns to Design Mode.

Click to expand the widget 

Click to expand Workload Example

Clicking the Workload Widget in View Mode expands into a Workload View in the Dashboard listing everyone matching the Assignment filters with work assigned during the time period. Expand rows to see Tasks falling within the scope and filters applied to the Group and Dashboard.

The view is interactive. Use the drop down menu in the upper right corner to show how work is distributed over 30, 60, 90 or 180 days. Click on a Task to open the Edit Panel. Click someone’s name and go to their personal Workload. Adjusting the number days in the expanded view doesn’t affect the widget display in View Mode. The widget will always show Workload over 60 days.

Return to View Mode by clicking the orange button at the top of the screen. See the Workload View lesson to learn about this view.

Workload Filter Example

Workload Filter Example

When the Workload widget is filtered, Scheduled Hours shows the total roll up for all work in the time period and the task list is reduced to items matching the filter. Members and Resources are included in the Workload view when their work falls within the scope and filters on the Widget, its Group or Dashboard. This example from a Workspace Dashboard uses the ASAP Task filter to show everyone with Tasks that have priority overrides, ASAP in the Project, ASAP in the Package, ASAP in the Workspace.

Leave a Reply

Your email address will not be published. Required fields are marked *