Compartir a través de


Add widgets to a dashboard

TFS 2017 | TFS 2015

Widgets smartly format data to provide access to easily consumable data. You add widgets to your team dashboards to gain visibility into the status and trends occurring as you develop your software project.

Each widget provides access to a chart, user-configurable information, or a set of links that open a feature or function. You can add one or more charts or widgets to your dashboard. Up to 200 widgets total. You add several widgets at a time simply by selecting each one. See Manage dashboards to determine the permissions you need to add and remove widgets from a dashboard.

Prerequisites

  • You must be a member of a project. If you don't have a project yet, create one.
  • If you haven't been added as a project member, get added now.
  • Anyone with access to a project, including stakeholders, can view dashboards.
  • To add, edit, or manage a team dashboard, you must have Basic access or greater and be a team admin, a project admin, or have dashboard permissions. In general, you need to be a team admin for the currently selected team to edit dashboards. Request your current team or project admin to add you as a team admin.

Note

Data displayed within a chart or widget is subject to permissions granted to the signed in user. To learn more, see FAQs on Azure DevOps dashboards, charts, and reports, Access and permissions.

Open a dashboard

All dashboards are associated with a team. You need to be a team administrator, project administrator, or a team member with permissions to modify a dashboard.

Open a web browser, connect to your project, and select Dashboards.

Dashboards directory, previous navigation

Select the team whose dashboards you want to view. To switch your team focus, see Switch project or team focus.

Select the name of the dashboard to modify it.

For example, here we select to view the Work in Progress dashboard.

Dashboards, Select a team dashboard

If you need to switch to a different project, select the Azure DevOps logo to browse all projects.

Add a widget

Select Edit dashboard icon to modify a dashboard. Select add a widget icon to add a widget to the dashboard.

The widget catalog describes all available widgets, many of which are scoped to the selected team context.

Or, you can drag and drop a widget from the catalog onto the dashboard.

Configure a widget

Most widgets support configuration, which may include specifying the title, setting the widget size, and other widget-specific variables.

To configure a widget, add the widget to a dashboard and then select the configure icon configure icon. Work item chart unconfigured widget

Once you've configured the widget, you can edit it by opening the actions menu.

Edit configured widget

Move or delete a widget

To move a widget, you need to enable the dashboard edit mode. To delete a widget, select the delete option provided from the widget's More actions menu.

Select Edit dashboard icon to modify your dashboard. You can then drag tiles to reorder their sequence on the dashboard.

To remove a widget, select the widget's Trash icon or Delete icon delete icons.

When you're finished with your changes, select Exit edit-dashboard-mode icon to exit dashboard editing.

Widget size

Some widgets are pre-sized and can't be changed. Others are configurable through their configuration dialog.

For example, the Chart for work items widget allows you to select an area size ranging from 2 x 2 to 4 x 4 (tiles).

Change widget size

Extensibility and Marketplace widgets

In addition to the widgets described in the Widget catalog, you can:

Disabled Marketplace widgets

If your organization owner or project collection administrator disables a marketplace widget, you'll see the following image:

Disabled widget extension notification

To regain access to it, request your admin to reinstate or reinstall the widget.

Next steps