Create page and bookmark navigators

APPLIES TO: Power BI Desktop Power BI service

Using Power BI’s built-in navigators, you can quickly build page and bookmark navigation experiences with just a few clicks. These navigators should save hours of effort building and managing your page or bookmark navigation experiences.

Screenshot of an example report with page and bookmark navigation.

You can find this capability in Power BI Desktop or Power BI service.

Video

Watch this video showing how to add page and bookmark navigators, and then try it yourself.

Note

This video might use earlier versions of Power BI Desktop or the Power BI service.

On the Insert tab, select Buttons > Navigator > Page navigator.

Screenshot of the Buttons dropdown menu, with Navigator selected.

When you select the Page navigator option, Power BI automatically creates a page navigator for you:

Screenshot of an example page navigator.

The page navigator is automatically in sync with your report pages, meaning:

  • The titles of the buttons match the page display names.
  • The ordering of the buttons matches the order of your report pages.
  • The selected button is the current page.
  • The navigator updates automatically as you add or remove pages in your report.
  • The titles of the buttons update automatically as you rename pages.

If you want to further customize the pages that show or hide in the page navigator, go to the Format navigator pane > Pages tab. There, you can Show/hide hidden pages or Show/hide tooltip pages:

Screenshot of the Format navigator, highlighting the Pages settings.

Note

If you’re testing out the page navigator in Power BI Desktop or in edit mode of the Power BI Service, you need to press Ctrl + click to navigate to the desired page.

Bookmark navigator

Before you can create the bookmark navigator, you need to create the bookmarks. Additionally, create separate bookmark groups if you plan on creating different bookmark navigators within the same report.

Screenshot showing a Bookmarks navigator example.

Once you’ve created your bookmarks, select the Bookmark navigator option.

On the Insert tab, select Buttons > Navigator > Bookmark navigator.

Screenshot of the Buttons dropdown, showing Navigator selected.

Power BI automatically creates a bookmark navigator for you:

Screenshot of a Bookmark navigator example.

The bookmark navigator is automatically in sync with your report bookmarks, meaning:

  • Titles of the buttons match the bookmark display names.
  • Ordering of the buttons matches the order of your report bookmarks.
  • The selected button is the last selected bookmark.
  • The navigator updates automatically as you add or remove bookmarks in your report.
  • The titles of the buttons update automatically as you rename bookmarks.

If you want to further customize the bookmarks that show or hide in the bookmark navigator, go to the Format navigator pane > Bookmarks tab:

Screenshot of the Format navigator, highlighting the Bookmark settings.

By default, All bookmarks are shown in the bookmark navigator; however, you can create and select a specific bookmark group to show only the bookmarks within that group.

Screenshot of the bookmark group options within the Bookmark dropdown menu.

You also can Allow deselection, meaning users can deselect all the buttons in the bookmark navigator. This option is great for building a toggle-like experience or allowing for a deselected default state. To set up either of these types of experiences, first create a bookmark with the desired deselected state. Here’s an example of a deselected state:

Screenshot of an example bookmark navigator in the deselected state.

Once you've bookmarked the deselected state, turn on Allow deselection and select the bookmark that you want to Launch on deselection. In this case, that bookmark is named No filter.

If the bookmark that you’re using for deselection is within the bookmark navigator already, you can choose to Hide the deselection bookmark within the navigator if you don’t want to show it:

Screenshot of the Bookmarks navigator option to Hide deselection bookmark.

Formatting options

Just like for other buttons, there are lots of formatting options for the navigators including:

  • Fill
  • Text
  • Outline
  • Shape
  • Shape shadow
  • Shape glow
  • Rotation

The navigators also include two more formatting options:

  • Grid layout
  • Selected state

Grid layout

The grid layout tab includes options to change the orientation of the navigator in the following forms:

  • Horizontal
  • Vertical
  • Grid

Screenshot of Grid layout settings with sample buttons in the visual.

It also includes the option to change the Padding between buttons in the navigator.

Selected state

The navigators can customize the Selected state of the button. You can use this option to help the selected state of the button stand out from the default state. In this example, we’ve customized both the Fill and Text formatting for the Selected state:

Screenshot of the Selected state settings in the Format navigator.