Skip to content
1 change: 1 addition & 0 deletions Document-Processing-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -2462,6 +2462,7 @@
<li><a href="/document-processing/pdf/pdf-viewer/maui/Custom-Bookmark">Custom Bookmark</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/maui/Hyperlink-Navigation">Hyperlink Navigation</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/maui/Document-Link-Annotations">Document Link Navigation</a></li>
<li><a href="/document-processing/pdf/pdf-viewer/maui/Page-Thumbnails">Thumbnail Navigation</a></li>
</ul>
</li>
<li>
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
126 changes: 126 additions & 0 deletions Document-Processing/PDF/PDF-Viewer/maui/Page-Thumbnails.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
---
layout: post
title: Page Thumbnail in .NET MAUI PDF Viewer | Syncfusion
description: Learn how to preview and navigate PDF pages using the page thumbnail view in the Syncfusion® .NET MAUI PDF Viewer.
platform: document-processing
control: SfPdfViewer
documentation: ug
keywords: .net maui pdf viewer, .net maui page thumbnail, pdf thumbnail preview, maui pdf navigation, pdf page preview
---

# Page Thumbnail in .NET MAUI PDF Viewer

The page thumbnail view in the .NET MAUI PDF Viewer displays preview images of the pages in a PDF document. It enables users to quickly identify and navigate to a specific page visually. The thumbnail corresponding to the currently displayed page is automatically highlighted.

Page thumbnails are especially useful when working with large PDF documents, document review workflows, and content navigation scenarios.

## Showing or hiding the thumbnail view

The built-in page thumbnail view can be shown or hidden using the `IsThumbnailViewVisible` property. The default value of this property is `false`.

The thumbnail view becomes available after a PDF document is loaded.

{% tabs %}

{% highlight XAML %}

<pdfViewer:SfPdfViewer
x:Name="pdfViewer"
IsThumbnailViewVisible="True" />

{% endhighlight %}

{% highlight c# %}

pdfViewer.IsThumbnailViewVisible = true;

{% endhighlight %}

{% endtabs %}

Users can close the thumbnail view using the built-in close button available in the thumbnail pane. The thumbnail view can also be hidden programmatically by setting the `IsThumbnailViewVisible` property to `false`.

This property can be used to dynamically show or hide the thumbnail pane based on your application's requirements.

The thumbnail view can also be closed programmatically by setting the `IsThumbnailViewVisible` property to `false`.

{% tabs %}

{% highlight c# %}

pdfViewer.IsThumbnailViewVisible = false;

{% endhighlight %}

{% endtabs %}


## Navigating using page thumbnails

Select a page thumbnail to navigate the PDF Viewer to the corresponding page.

The page thumbnail view provides the following navigation behavior:

- The thumbnail corresponding to the currently displayed page is highlighted.
- The highlighted thumbnail is updated automatically when page navigation occurs within the PDF Viewer.
- The currently selected thumbnail is automatically brought into view when required.

### Layout modes

The page thumbnail view supports both Continuous and Single Page layout modes.

- **Continuous layout:** Selecting a thumbnail navigates to the corresponding page while retaining the continuous page layout.

- **Single Page layout:** Selecting a thumbnail displays the selected page in Single Page layout mode.


## Preserving zoom during thumbnail navigation

The [PersistZoomOnPageChange](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_PersistZoomOnPageChange) determines whether the current zoom factor is retained when navigating between pages in Single Page mode.

When this property is set to `true`, the PDF Viewer preserves the current zoom factor when users navigate to another page using the page thumbnail view. The default value is `false`.

> **Note:** This property applies when the [PageLayoutMode](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_PageLayoutMode) is set to `Single`.

{% tabs %}

{% highlight XAML %}

<pdfViewer:SfPdfViewer
x:Name="pdfViewer"
PageLayoutMode="Single"
PersistZoomOnPageChange="True" />

{% endhighlight %}

{% highlight c# %}

pdfViewer.PageLayoutMode = PageLayoutMode.Single;
pdfViewer.PersistZoomOnPageChange = true;

{% endhighlight %}

{% endtabs %}

## Platform behavior

The page thumbnail view adapts to supported desktop and mobile platforms.

| Platform | Behavior |
|-----------|-----------|
| Windows | Displays a resizable thumbnail pane beside the PDF document. |
| Mac Catalyst | Displays a resizable thumbnail pane beside the PDF document. |
| Android | Displays page previews in a touch-optimized layout. |
| Android Tablet | Displays a resizable thumbnail pane beside the PDF document. |
| iOS | Displays page previews in a touch-optimized layout. |
| iPadOS | Displays a resizable thumbnail pane beside the PDF document. |

## Demo

![Thumbnail Page Navigation Demo](Images\PageThumbnailDemo.gif)

## See Also

- [Page Navigation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/page-navigation)
- [Document Outline](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/document-outline)
- [Zooming](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/magnification)
32 changes: 32 additions & 0 deletions Document-Processing/PDF/PDF-Viewer/maui/Save-a-Document.md
Original file line number Diff line number Diff line change
Expand Up @@ -95,6 +95,38 @@ formField.FlattenOnSave = true;

Currently, when saving a document by flattening that contains sticky note annotations, the sticky note icon always appears as the default [comment](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.StickyNoteIcon.html#Syncfusion_Maui_PdfViewer_StickyNoteIcon_Comment) icon appearance in the saved document.

## Save only when the document is modified

The IsDocumentModified property helps determine whether the currently loaded PDF document contains unsaved user changes. The property becomes true when the user performs supported document modifications such as adding or editing annotations, changing form field values, applying redactions, or adding signatures. It returns false when a document is initially loaded and when all modifications are undone back to the original state.

You can use this property to enable or disable save operations and avoid saving documents that have no changes.

{% tabs %}
{% highlight c# %}
if (pdfViewer.IsDocumentModified)
{
PdfViewer.SaveDocument(SaveStream);
}
{% endhighlight %}
{% endtabs %}

### Observe property changes in C#

You can monitor changes to the IsDocumentModified property by subscribing to the PropertyChanged event of the SfPdfViewer. This is useful when you want to dynamically update the user interface, enable or disable commands, or display unsaved-change indicators whenever the document modification state changes.

{% tabs %}
{% highlight c# %}
pdfViewer.PropertyChanged += (sender, args) =>
{
if (args.PropertyName == nameof(pdfViewer.IsDocumentModified))
{
bool isModified = pdfViewer.IsDocumentModified;
}
};
{% endhighlight %}
{% endtabs %}


## See Also
- [Annotations Overview](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/annotations-overview)
- [Form Filling Overview](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/form-filling-overview)
Expand Down