Use breadcrumbs, selectors, and directories to navigate and open artifacts

Use breadcrumbs and selectors to navigate and open artifacts

Azure DevOps Services | Azure DevOps Server 2019 | TFS 2018 | TFS 2017

To quickly navigate to a feature or artifact—such as a dashboard, repository, product backlog, Kanban board, build pipeline—you can use breadcrumbs, selectors, and directories.

Organization and project breadcrumbs

To navigate to the project summary page, choose the project link within the breadcrumbs. To navigate to the organization page with all projects defined for the organization, choose the organization link.

Top level breadcrumbs

Horizontal navigation doesn't provide a breadcrumb structure for the organization and project levels. Instead, you can select a recent team or project from the project/team selector.

Choose a different team or project from the project/team selector

Choosing Browse all opens the projects page.

Selectors

Selectors are used to select an artifact within the current page. Most Agile tools are defined for a team and therefore require selection of the team artifact or tool.

Selectors are used to select an artifact within the current page. Most Agile tools are defined for a team and therefore require selection of the team as well as the specific page.

Note

When you navigate to a specific page or artifact, the system remembers your selection. You use selectors to choose a different artifact within the current page.

Example: Dashboard selector

Within Dashboards, you open a specific dashboard from the selector.

Dashboards, dashboard selector

This particular selector features these navigational elements:

  • Search box for filtering dashboards based on a team name or keyword
  • Two pages you can choose from:
    • Mine (dashboards you created) which are organized by team
    • All (dashboards created by everyone) which are listed alphabetically
  • Dashboards you've favorited will appear at the top of the selector
  • Add new dashboard feature
  • Browse all dashboards - opens Dashboards>All

Within Dashboards, you select the team whose dashboards you want to view.

Choose a different team or project from the project/team selector

Then, choose the name of the dashboard to view it.

For example, here we open the Work in Progress dashboard.

Dashboards, Choose a team dashboard

Example: Backlogs

From the Boards>Backlogs page, you use the selector to switch to another team's backlog. Again, favorited backlogs appear towards the top of the menu. You can also filter the list based on a team name or keyword.

Work>Backlogs, backlogs selector

Or, choose Browse all team backlogs to open the Backlogs>All page.

(1) Select the team from the project/team selector, choose (2) Work, (3) Backlogs, and then (4) the product backlog, which is Backlog items (for Scrum), Stories (for Agile), or Requirements (for CMMI).

Open the Work>Backlogs page, standard pages

To choose another team, open the project/team selector and select a different team or choose the Browse option.

Choose another team

Artifact breadcrumbs and selectors

Within select pages, breadcrumbs are provided to support navigating within the page or opening an artifact.

Example: Queries folders and breadcrumbs

For example, when working in the Queries pages, you can navigate to a subfolder, folder, or page.

Queries breadcrumbs

Also, you can choose a query that you've favorited from the selector menu, Or, you can choose to browse all queries which returns you to the All Queries page.

Queries, Query selector

Example: Pipeline folders and breadcrumbs

Breadcrumb-and-selector navigation elements are used within most services that support defining and organizing artifacts within folders. This includes Pipelines or Build and Release applications pages.

Queries, Query selector

Choose the Deployment breadcrumb link to return to the Deployment folder.

Build and Release, Build definition

Directories

Directories provide a filterable list of all artifacts defined for a service area. Often times when you navigate to an application, it will open the application's directory.

For example, here is the Boards>Boards directory.

Boards directory

It lists boards in the following order:

  • Your last visited board
  • Your favorited boards
  • All boards of teams that you belong to
  • All boards defined for the project in alphabetical order.

Choose the  filter icon to filter the list as described in Filter basics.

From a specific page, you can open the directory from the breadcrumbs or a selector. For example, choose Browse all boards from the Boards selector.

Open from breadcrumb Open from selector
Open Boards directory from breadcrumb Open Boards directory from selector

Team profiles

  • Open a team profile to quickly access items defined for a team. The team profile is available from the Overview>Dashboards, Boards>Boards, Boards>Backlogs, and Boards>Sprints pages.

    Open team profile

    A panel opens that shows all items defined for the team.

    Team profile all items

  • You can filter the list to show only Dashboards, Boards, Backlogs, or Sprints by choosing from the menu.

    Filter team tools

  • To view the team admins and members of the team, choose Members.

    Team members

  • To view or change the team configuration, choose Team Settings.
    You can then add team members, team admins, or navigate to team notifications, or team iterations and area paths.

See also Manage and configure team tools.