---
title: "MAUI PDF viewer: Navigating document dookmarks | Nutrient"
canonical_url: "https://www.nutrient.io/guides/maui/user-interface/sidebar/bookmarks/"
md_url: "https://www.nutrient.io/guides/maui/user-interface/sidebar/bookmarks.md"
last_updated: "2026-05-15T19:10:05.048Z"
description: "Navigate and customize the bookmarks sidebar in the MAUI PDF viewer. Learn to style toolbar buttons and manage bookmarks for efficient document access."
---

# Bookmark navigation in our MAUI PDF viewer

The bookmarks sidebar shows a list of bookmarks available in a document, and they’re grouped and ordered by page. The sidebar can be used to navigate to the bookmarked pages.

<!-- This partial is rendered in guide articles describing sidebars. -->

The bookmarks sidebar can be shown by the user by selecting the bookmarks sidebar icon from the sidebar dropdown in the toolbar.

It can also be shown programmatically with the API:

### XAML

```xml

<!--View-->

<pspdfkit:PDFView x:Name="PDFView" SidebarMode="{Binding SelectedSidebarMode}" />

```

### C#

```csharp

// ViewModel
public SidebarMode? SelectedSidebarMode
{
	get => _selectedSidebarMode;
  set => SetField(ref _selectedSidebarMode, value);
}

public void OpenDocumentOutlineSidebar() {
	SelectedSidebarMode = SidebarMode.Bookmarks;
}

```

If you don’t want users to be able to open the bookmarks sidebar, you can hide the corresponding toolbar button by filtering it out from the [default toolbar items](https://www.nutrient.io/api/maui/sdk/PSPDFKit.Sdk.Models.Toolbar.MainToolbar.html#ToolbarItems):

```csharp

// Find the item to remove.
var sidebarBookmarksToggleButton =
  PSPDFKitController.MainToolbar.ToolbarItems.First(
    item => item.GetType() == typeof(SidebarBookmarksToggleButton));

// Remove the item.
PSPDFKitController.MainToolbar.ToolbarItems.Remove(
  sidebarBookmarksToggleButton);

```



The bookmarks sidebar toolbar button can be styled with CSS using the public CSS class `.PSPDFKit-Toolbar-Button-Sidebar-Bookmarks`.

The bookmarks sidebar itself can also be customized with CSS by modifying the corresponding public CSS classes:

- [`.PSPDFKit-Sidebar-Bookmarks`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks)

- [`.PSPDFKit-Sidebar-Bookmarks-Bookmark`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Bookmark)

- [`.PSPDFKit-Sidebar-Bookmarks-Bookmark-Selected`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Bookmark-Selected)

- [`.PSPDFKit-Sidebar-Bookmarks-Bookmark-Editing`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Bookmark-Editing)

- [`.PSPDFKit-Sidebar-Bookmarks-Heading`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Heading)

- [`.PSPDFKit-Sidebar-Bookmarks-Icon`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Icon)

- [`.PSPDFKit-Sidebar-Bookmarks-Page-Number`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Page-Number)

- [`.PSPDFKit-Sidebar-Bookmarks-Name`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Name)

- [`.PSPDFKit-Sidebar-Bookmarks-Button-Add`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Button-Add)

- [`.PSPDFKit-Sidebar-Bookmarks-Editor`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Editor)

- [`.PSPDFKit-Sidebar-Bookmarks-Button-Delete`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Delete)

- [`.PSPDFKit-Sidebar-Bookmarks-Button-Cancel`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Cancel)

- [`.PSPDFKit-Sidebar-Bookmarks-Button-Save`](https://www.nutrient.io/api/web/css-Sidebar.html#.PSPDFKit-Sidebar-Bookmarks-Save)
---

## Related pages

- [Annotations list in our viewer sidebar](/guides/maui/user-interface/sidebar/annotations-list.md)
- [Document outline in our MAUI PDF viewer](/guides/maui/user-interface/sidebar/document-outline.md)
- [Hide or show sidebar navigation in our viewer](/guides/maui/user-interface/sidebar/hide-or-show.md)
- [Thumbnail preview in our MAUI PDF viewer](/guides/maui/user-interface/sidebar/thumbnail-preview.md)