---
title: "MAUI PDF viewer with document outline | Nutrient SDK"
canonical_url: "https://www.nutrient.io/guides/maui/user-interface/sidebar/document-outline/"
md_url: "https://www.nutrient.io/guides/maui/user-interface/sidebar/document-outline.md"
last_updated: "2026-06-08T09:14:14.429Z"
description: "The document outline sidebar displays an expandable content tree with selectable items, allowing users to navigate to different parts of a document."
---

# Document outline in our MAUI PDF viewer

The document outline sidebar displays an expandable content tree with selectable items, allowing users to navigate to different parts of a document.

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

The document-outline sidebar can be shown by the user by selecting the document-outline 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.DocumentOutline;
}

```

If you don’t want users to be able to open the document-outline 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 sidebarDocumentOutlineToggleButton =
  PSPDFKitController.MainToolbar.ToolbarItems.First(
    item => item.GetType() == typeof(SidebarDocumentOutlineToggleButton));

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

```



The document outline view toolbar button can be styled with CSS using the public CSS class `.PSPDFKit-Toolbar-Button-Sidebar-Document-Outline`.

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

- `.PSPDFKit-Sidebar-Document-Outline`

- `.PSPDFKit-Sidebar-Document-Outline-Heading`
---

## Related pages

- [Bookmark navigation in our MAUI PDF viewer](/guides/maui/user-interface/sidebar/bookmarks.md)
- [Annotations list in our viewer sidebar](/guides/maui/user-interface/sidebar/annotations-list.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)