From 02494faf5c3361d549365616f2efcd79a36e029c Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar <34937839+DeepakRajSundar@users.noreply.github.com> Date: Wed, 19 Aug 2026 12:26:14 +0530 Subject: [PATCH 1/4] test PR --- Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md | 1 - 1 file changed, 1 deletion(-) diff --git a/Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md b/Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md index 6dbd5c463c..fd2e167faa 100644 --- a/Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md @@ -741,7 +741,6 @@ The names of these toolbar items, along with their descriptions and availability - ## See Also - [Toolbar Customization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/toolbar-customization) - [UI Customization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/ui-customization) From b54c078977dacf696a7223fd744ba60d2a698855 Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar <34937839+DeepakRajSundar@users.noreply.github.com> Date: Wed, 19 Aug 2026 13:08:22 +0530 Subject: [PATCH 2/4] Update add-save-button-in-toolbar.md with new instructions Added instructions for adding a save button to the toolbar in the JavaScript DOCX Editor. --- .../javascript-es5/how-to/add-save-button-in-toolbar.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/add-save-button-in-toolbar.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/add-save-button-in-toolbar.md index 9b4fb17940..944540813b 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/add-save-button-in-toolbar.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/add-save-button-in-toolbar.md @@ -1,7 +1,7 @@ --- layout: post title: Add Save Button in Toolbar in JavaScript DOCX Editor | Syncfusion -description: Add a custom save button to the toolbar in Syncfusion® JavaScript DOCX Editor, customize toolbar items, and perform document save operations. +description: Add a custom save button to the toolbar in Syncfusion® JavaScript DOCX Editor, customize toolbar items, and perform document save operations. platform: document-processing control: Add save button tool bar documentation: ug @@ -10,6 +10,7 @@ domainurl: ##DomainURL## # How to Add Save Button in Toolbar in JavaScript DOCX Editor + ## To add a save button to the existing toolbar in DocumentEditorContainer [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) Container allows you to add a new button to the existing items in a toolbar using [`CustomToolbarItemModel`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/customtoolbaritemmodel) and with existing items in [`toolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#toolbaritems) property. Newly added item click action can be defined in [`toolbarClick`](https://ej2.syncfusion.com/javascript/documentation/api/toolbar/clickeventargs). @@ -40,4 +41,4 @@ container.toolbarClick = (args) => { ``` N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. -N> Default value of `toolbarItems` is `['New', 'Open', 'Separator', 'Undo', 'Redo', 'Separator', 'Image', 'Table', 'Hyperlink', 'Bookmark', 'TableOfContents', 'Separator', 'Header', 'Footer', 'PageSetup', 'PageNumber', 'Break', 'InsertFootnote', 'InsertEndnote', 'Separator', 'Find', 'Separator', 'Comments', 'TrackChanges', 'Separator', 'LocalClipboard', 'RestrictEditing', 'Separator', 'FormFields', 'UpdateFields','ContentControl']`. \ No newline at end of file +N> Default value of `toolbarItems` is `['New', 'Open', 'Separator', 'Undo', 'Redo', 'Separator', 'Image', 'Table', 'Hyperlink', 'Bookmark', 'TableOfContents', 'Separator', 'Header', 'Footer', 'PageSetup', 'PageNumber', 'Break', 'InsertFootnote', 'InsertEndnote', 'Separator', 'Find', 'Separator', 'Comments', 'TrackChanges', 'Separator', 'LocalClipboard', 'RestrictEditing', 'Separator', 'FormFields', 'UpdateFields','ContentControl']`. From 447f7478548c226589256bf259094ed380bd22be Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar <34937839+DeepakRajSundar@users.noreply.github.com> Date: Wed, 19 Aug 2026 13:09:12 +0530 Subject: [PATCH 3/4] Update deployment instructions for Document Editor API Added instructions for app service URL integration with Document Editor control. --- ...-api-application-in-azure-app-service-from-visual-studio.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md b/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md index fab760d3c2..316aba74df 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md +++ b/Document-Processing/Word/Word-Processor/javascript-es6/server-deployment/how-to-publish-documenteditor-web-api-application-in-azure-app-service-from-visual-studio.md @@ -1,7 +1,7 @@ --- layout: post title: Publish TypeScript DOCX Editor Web API to Azure App | Syncfusion -description: Publish the Syncfusion® TypeScript DOCX Editor Web API to Azure App Service in React applications, including deployment and configuration steps. +description: Publish the Syncfusion® TypeScript DOCX Editor Web API to Azure App Service in React applications, including deployment and configuration steps. platform: document-processing control: How to publish documenteditor web api application in azure app service from visual studio documentation: ug @@ -38,6 +38,7 @@ Make sure you build the project using the Build > Build Solution menu command be **Step 6:** Navigate to Document Editor Web API control `http://ej2-documenteditor-server20200514102909.azurewebsites.net/api/documenteditor`. It returns the default GET method response. + Append the app service running URL `http://ej2-documenteditor-server20200514102909.azurewebsites.net/api/documenteditor` to the service URL in the client-side Document Editor control. For more information about how to get started with the Document Editor control, refer to this [`getting started page`](../getting-started). For more information about the app container service, refer to the [`Azure App Service`](https://docs.microsoft.com/en-us/visualstudio/deployment/) for a production-ready setup. From 7ed310f476f041d8e9f2a7c17d7bb26318ddab84 Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar <34937839+DeepakRajSundar@users.noreply.github.com> Date: Thu, 20 Aug 2026 14:22:34 +0530 Subject: [PATCH 4/4] Add files via upload --- .../PDF-Viewer/maui/Coordinates-Conversion.md | 300 +-- .../PDF/PDF-Viewer/maui/Localization.md | 1614 ++++++++--------- .../PDF/PDF-Viewer/maui/Toolbar.md | 1495 +++++++-------- 3 files changed, 1705 insertions(+), 1704 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/maui/Coordinates-Conversion.md b/Document-Processing/PDF/PDF-Viewer/maui/Coordinates-Conversion.md index 36a598d896..0ff6509aec 100644 --- a/Document-Processing/PDF/PDF-Viewer/maui/Coordinates-Conversion.md +++ b/Document-Processing/PDF/PDF-Viewer/maui/Coordinates-Conversion.md @@ -1,150 +1,150 @@ ---- -layout: post -title: Coordinate Conversion in .NET MAUI PDF Viewer | Syncfusion -description: Learn how to convert between PDF page coordinates and viewer coordinates in the Syncfusion® .NET MAUI PDF Viewer (SfPdfViewer) control. -platform: document-processing -control: SfPdfViewer -documentation: ug -keywords: .net maui pdf viewer, .net maui view pdf, pdf viewer in .net maui, .net maui open pdf, maui pdf viewer, maui pdf view ---- - -# Coordinate Conversion in .NET MAUI PDF Viewer - -PDF Viewer allows users to obtain the PDF page coordinates relative to the PDF Viewer’s client coordinates and vice versa. It also allows you to obtain the scroll point relative to the PDF page coordinates and bring the given region into view. - -## Client rectangle - -The [ClientRectangle](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ClientRectangle) in the MAUI PdfViewer control is a rectangular area that represents the dimensions of the client area or viewport. The client area denotes the visible portion of the PDF document within the control. In the MAUI PDF Viewer, this client rectangle is illustrated by the red rectangle in the following figure. - -![Client rectangle in .NET MAUI PDF Viewer](Images/Coordinates-Conversion/Client-Rectangle.png) - -The client rectangle can be obtained by the [ClientRectangle](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ClientRectangle) property of the PDF Viewer. The following code sample explains the same. - -{% tabs %} -{% highlight c# %} -//Retrieve the coordinates of the PDF Viewer's client area (viewport) -Rect clientRectangle = PdfViewer.ClientRectangle; -{% endhighlight %} -{% endtabs %} - -## Client coordinates - -The MAUI PDF Viewer specifies the position of points in the client area (viewport) using client coordinates. The upper-left corner of the client area (viewport) of the control is the origin for client coordinates. The client coordinates in the MAUI PDF Viewer are shown in the following figure. - -![Client coordinates in .NET MAUI PDF Viewer](Images/Coordinates-Conversion/Client-Coordinates.png) - -### Get the page number from a client point - -You can obtain the page number of the client point using the [GetPageNumberFromClientPoint(Point clientPoint)](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_GetPageNumberFromClientPoint_Microsoft_Maui_Graphics_Point_) method by passing the client point as an input parameter. The following code sample explains how to get the page number from the client point. - -{% tabs %} -{% highlight c# %} -//Subscribe to the Tapped event of the PDF Viewer -PdfViewer.Tapped += PdfViewer_Tapped; - -// Handle the tapped event. -private void PdfViewer_Tapped(object sender, GestureEventArgs e) -{ - //Retrieve the tapped client area position. - Point clientPoint = e.Position; - //Retrieve the page number that corresponds to the client point. - int pageNumber = PdfViewer.GetPageNumberFromClientPoint(clientPoint); -} -{% endhighlight %} -{% endtabs %} - -## PDF page coordinates - -PDF page coordinates are represented in terms of a device-independent coordinate system called user space, which is independent of the output device that will be used for printing or display. The user space coordinates system is initialized to a default state for each page of a PDF document. The length of a unit is 1/72 inch, which is equivalent to one point (pt). As an example, the dimensions of a letter-sized paper in PDF page coordinates are shown in the diagram below. - -![Page coordinates in .NET MAUI PDF Viewer](Images/Coordinates-Conversion/Page-Coordinates.png) - -## Scroll coordinates - -Scroll coordinates in the MAUI PDF Viewer denote pixel-based positions as pages are scrolled. They indicate precise locations within the entire document. The coordinate system originates from the top-left corner of the visible area. - -## Convert PDF Viewer's coordinates to PDF page coordinates - -You can obtain the PDF page coordinates using the [ConvertClientPointToPagePoint(clientPoint, pageNumber)](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ConvertClientPointToPagePoint_Microsoft_Maui_Graphics_Point_System_Int32_) method by passing the client point and page number as input parameters. The following code sample explains how to convert a tapped client area position to a page point. - -{% tabs %} -{% highlight c# %} -//Subscribe to the Tapped event of the PDF Viewer -PdfViewer.Tapped += PdfViewer_Tapped; - -// Handle the tapped event. -private void PdfViewer_Tapped(object sender, GestureEventArgs e) -{ - //Retrieve the tapped client area position. - Point clientPoint = e.Position; - //Retrieve the page number that corresponds to the client point. - int pageNumber = PdfViewer.GetPageNumberFromClientPoint(clientPoint); - //Retrieve the page point. - Point pagePoint = PdfViewer.ConvertClientPointToPagePoint(clientPoint, pageNumber); -} -{% endhighlight %} -{% endtabs %} - -## Convert PDF page coordinates to PDF Viewer's coordinates - -You can obtain the PDF Viewer's coordinates using the [ConvertPagePointToClientPoint(pagePoint, pageNumber)](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ConvertPagePointToClientPoint_Microsoft_Maui_Graphics_Point_System_Int32_) method by passing the page point and page number as input parameters. The following code sample explains how to convert a square annotation's position in the page coordinates to a client point. - -{% tabs %} -{% highlight c# %} -// Obtain the annotation collection using [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) instance. -ReadOnlyObservableCollection annotations = PdfViewer.Annotations; - -// Obtain the first annotation in the annotation collection. -Annotation annotation = annotations[0]; - -// Type cast to the specific annotation type. Here, the first annotation is a square annotation. -if (annotation is SquareAnnotation squareAnnotation) -{ - //Get the annotation's page number. - int pageNumber = squareAnnotation.PageNumber; - //Get the annotation bounds. - RectF annotationBounds = squareAnnotation.Bounds; - //Find the position of the annotation in page coordinates. - Point pagePoint = new Point(annotationBounds.X, annotationBounds.Y); - //Convert the page point to client point. - Point clientPoint = PdfViewer.ConvertPagePointToClientPoint(pagePoint, pageNumber); -} -{% endhighlight %} -{% endtabs %} - -## Convert PDF page coordinates to scroll coordinates - -You can obtain the PDF Viewer's scroll coordinates using the [ConvertPagePointToScrollPoint(pagePoint, pageNumber)](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ConvertPagePointToScrollPoint_Microsoft_Maui_Graphics_Point_System_Int32_) method by passing the page point and page number as input parameters. The following code example explains how to convert a square annotation's position in the page coordinates to a scroll point. - -{% tabs %} -{% highlight c# %} -// Obtain the annotation collection using [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) instance. -ReadOnlyObservableCollection annotations = PdfViewer.Annotations; - -// Obtain the first annotation in the annotation collection. -Annotation annotation = annotations[0]; - -// Type cast to the specific annotation type. Here, the first annotation is a square annotation. -if (annotation is SquareAnnotation squareAnnotation) -{ - //Get the annotation bounds. - RectF annotationBounds = squareAnnotation.Bounds; - //Get the annotation's page number. - int pageNumber = squareAnnotation.PageNumber; - //Find the position of the annotation in page coordinates. - Point pagePoint = new Point(annotationBounds.X, annotationBounds.Y); - //Convert the page point to scroll point. - Point scrollPoint = PdfViewer.ConvertPagePointToScrollPoint(pagePoint, pageNumber); -} -{% endhighlight %} -{% endtabs %} - -## See Also - -- [Annotations Overview](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/annotations-overview) -- [Page Navigation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/page-navigation) -- [Scrolling](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/scrolling) -- [Add, Remove, and Edit Annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/add-remove-modify-annotations) -- [Annotation Collection](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/annotation-collection) -- [Magnification](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/magnification) - +--- +layout: post +title: Coordinate Conversion in .NET MAUI PDF Viewer | Syncfusion +description: Learn how to convert between PDF page coordinates and viewer coordinates in the Syncfusion® .NET MAUI PDF Viewer (SfPdfViewer) control. +platform: document-processing +control: SfPdfViewer +documentation: ug +keywords: .net maui pdf viewer, .net maui view pdf, pdf viewer in .net maui, .net maui open pdf, maui pdf viewer, maui pdf view +--- + +# Working with PDF coordinate systems in .NET MAUI PDF Viewer + +PDF Viewer allows users to obtain the PDF page coordinates relative to the PDF Viewer’s client coordinates and vice versa. It also allows you to obtain the scroll point relative to the PDF page coordinates and bring the given region into view. + +## Client rectangle + +The [ClientRectangle](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ClientRectangle) in the MAUI PdfViewer control is a rectangular area that represents the dimensions of the client area or viewport. The client area denotes the visible portion of the PDF document within the control. In the MAUI PDF Viewer, this client rectangle is illustrated by the red rectangle in the following figure. + +![Client rectangle in .NET MAUI PDF Viewer](Images/Coordinates-Conversion/Client-Rectangle.png) + +The client rectangle can be obtained by the [ClientRectangle](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ClientRectangle) property of the PDF Viewer. The following code sample explains the same. + +{% tabs %} +{% highlight c# %} +//Retrieve the coordinates of the PDF Viewer's client area (viewport) +Rect clientRectangle = PdfViewer.ClientRectangle; +{% endhighlight %} +{% endtabs %} + +## Client coordinates + +The MAUI PDF Viewer specifies the position of points in the client area (viewport) using client coordinates. The upper-left corner of the client area (viewport) of the control is the origin for client coordinates. The client coordinates in the MAUI PDF Viewer are shown in the following figure. + +![Client coordinates in .NET MAUI PDF Viewer](Images/Coordinates-Conversion/Client-Coordinates.png) + +### Get the page number from a client point + +You can obtain the page number of the client point using the [GetPageNumberFromClientPoint(Point clientPoint)](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_GetPageNumberFromClientPoint_Microsoft_Maui_Graphics_Point_) method by passing the client point as an input parameter. The following code sample explains how to get the page number from the client point. + +{% tabs %} +{% highlight c# %} +//Subscribe to the Tapped event of the PDF Viewer +PdfViewer.Tapped += PdfViewer_Tapped; + +// Handle the tapped event. +private void PdfViewer_Tapped(object sender, GestureEventArgs e) +{ + //Retrieve the tapped client area position. + Point clientPoint = e.Position; + //Retrieve the page number that corresponds to the client point. + int pageNumber = PdfViewer.GetPageNumberFromClientPoint(clientPoint); +} +{% endhighlight %} +{% endtabs %} + +## PDF page coordinates + +PDF page coordinates are represented in terms of a device-independent coordinate system called user space, which is independent of the output device that will be used for printing or display. The user space coordinates system is initialized to a default state for each page of a PDF document. The length of a unit is 1/72 inch, which is equivalent to one point (pt). As an example, the dimensions of a letter-sized paper in PDF page coordinates are shown in the diagram below. + +![Page coordinates in .NET MAUI PDF Viewer](Images/Coordinates-Conversion/Page-Coordinates.png) + +## Scroll coordinates + +Scroll coordinates in the MAUI PDF Viewer denote pixel-based positions as pages are scrolled. They indicate precise locations within the entire document. The coordinate system originates from the top-left corner of the visible area. + +## Convert PDF Viewer's coordinates to PDF page coordinates + +You can obtain the PDF page coordinates using the [ConvertClientPointToPagePoint(clientPoint, pageNumber)](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ConvertClientPointToPagePoint_Microsoft_Maui_Graphics_Point_System_Int32_) method by passing the client point and page number as input parameters. The following code sample explains how to convert a tapped client area position to a page point. + +{% tabs %} +{% highlight c# %} +//Subscribe to the Tapped event of the PDF Viewer +PdfViewer.Tapped += PdfViewer_Tapped; + +// Handle the tapped event. +private void PdfViewer_Tapped(object sender, GestureEventArgs e) +{ + //Retrieve the tapped client area position. + Point clientPoint = e.Position; + //Retrieve the page number that corresponds to the client point. + int pageNumber = PdfViewer.GetPageNumberFromClientPoint(clientPoint); + //Retrieve the page point. + Point pagePoint = PdfViewer.ConvertClientPointToPagePoint(clientPoint, pageNumber); +} +{% endhighlight %} +{% endtabs %} + +## Convert PDF page coordinates to PDF Viewer's coordinates + +You can obtain the PDF Viewer's coordinates using the [ConvertPagePointToClientPoint(pagePoint, pageNumber)](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ConvertPagePointToClientPoint_Microsoft_Maui_Graphics_Point_System_Int32_) method by passing the page point and page number as input parameters. The following code sample explains how to convert a square annotation's position in the page coordinates to a client point. + +{% tabs %} +{% highlight c# %} +// Obtain the annotation collection using [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) instance. +ReadOnlyObservableCollection annotations = PdfViewer.Annotations; + +// Obtain the first annotation in the annotation collection. +Annotation annotation = annotations[0]; + +// Type cast to the specific annotation type. Here, the first annotation is a square annotation. +if (annotation is SquareAnnotation squareAnnotation) +{ + //Get the annotation's page number. + int pageNumber = squareAnnotation.PageNumber; + //Get the annotation bounds. + RectF annotationBounds = squareAnnotation.Bounds; + //Find the position of the annotation in page coordinates. + Point pagePoint = new Point(annotationBounds.X, annotationBounds.Y); + //Convert the page point to client point. + Point clientPoint = PdfViewer.ConvertPagePointToClientPoint(pagePoint, pageNumber); +} +{% endhighlight %} +{% endtabs %} + +## Convert PDF page coordinates to scroll coordinates + +You can obtain the PDF Viewer's scroll coordinates using the [ConvertPagePointToScrollPoint(pagePoint, pageNumber)](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ConvertPagePointToScrollPoint_Microsoft_Maui_Graphics_Point_System_Int32_) method by passing the page point and page number as input parameters. The following code example explains how to convert a square annotation's position in the page coordinates to a scroll point. + +{% tabs %} +{% highlight c# %} +// Obtain the annotation collection using [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) instance. +ReadOnlyObservableCollection annotations = PdfViewer.Annotations; + +// Obtain the first annotation in the annotation collection. +Annotation annotation = annotations[0]; + +// Type cast to the specific annotation type. Here, the first annotation is a square annotation. +if (annotation is SquareAnnotation squareAnnotation) +{ + //Get the annotation bounds. + RectF annotationBounds = squareAnnotation.Bounds; + //Get the annotation's page number. + int pageNumber = squareAnnotation.PageNumber; + //Find the position of the annotation in page coordinates. + Point pagePoint = new Point(annotationBounds.X, annotationBounds.Y); + //Convert the page point to scroll point. + Point scrollPoint = PdfViewer.ConvertPagePointToScrollPoint(pagePoint, pageNumber); +} +{% endhighlight %} +{% endtabs %} + +## See Also + +- [Annotations Overview](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/annotations-overview) +- [Page Navigation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/page-navigation) +- [Scrolling](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/scrolling) +- [Add, Remove, and Edit Annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/add-remove-modify-annotations) +- [Annotation Collection](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/annotation-collection) +- [Magnification](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/magnification) + diff --git a/Document-Processing/PDF/PDF-Viewer/maui/Localization.md b/Document-Processing/PDF/PDF-Viewer/maui/Localization.md index 57990731f1..5f20a29e6e 100644 --- a/Document-Processing/PDF/PDF-Viewer/maui/Localization.md +++ b/Document-Processing/PDF/PDF-Viewer/maui/Localization.md @@ -1,807 +1,807 @@ ---- -layout: post -title: Localization in .NET MAUI PDF Viewer | Syncfusion -description: Learn how to localize the static text in the Syncfusion® .NET MAUI PDF Viewer (SfPdfViewer) control to other languages. -platform: document-processing -control: SfPdfViewer -documentation: ug -keywords: .net maui pdf viewer, .net maui view pdf, pdf viewer in .net maui, .net maui open pdf, maui pdf viewer, maui pdf view ---- - -# Localization in .NET MAUI PDF Viewer - -Localization is the process of translating the application resources into a different language for specific cultures. [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) is set up by default with the language code `en-US`. However, by including a resource file (.resx) in the application with the language code, the static text used in the [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) can be localized to a different language. - -Follow the instructions given to apply localization to the [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html). - -## Change the current user interface culture - -Set the [CurrentUICulture](https://learn.microsoft.com/en-us/dotnet/api/system.globalization.cultureinfo.currentuiculture?view=net-7.0) property in the `App.xaml.cs` file to the desired user interface culture. Refer to the following code sample to change the current culture to `French`. - -{% tabs %} -{% highlight C# tabtitle="App.xaml.cs" hl_lines="10" %} - -using System.Globalization; - -namespace PdfViewerLocalization; - -public partial class App : Application -{ - public App() - { - InitializeComponent(); - CultureInfo.CurrentUICulture = new CultureInfo("fr-FR"); - MainPage = new AppShell(); - } -} - -{% endhighlight %} -{% endtabs %} - -## Create and add the resource file to the application - -Follow the given steps to create and add the resource file to the application. - -1. Right-click on the `Resources` folder in the application. - - ![Resources folder in the .NET MAUI PDF Viewer application.](Images/Localization/Resources.png) - -2. Click the `Add` option and then select `NewItem`. - - ![Add new item in the .NET MAUI PDF Viewer application.](Images/Localization/NewItem.png) - -3. In the `Add New Item` wizard, select the `Resource File` option and name the file in the format `..resx`. For example, name the file as SfPdfViewer.fr.resx for `French` culture. - - ![Adding resource file in the .NET MAUI PDF Viewer application.](Images/Localization/Resx.png) - -4. Click the `Add` option to add the resource file in the Resources folder. - -5. Change the `Build Action` of the resource file to `Embedded resource`. - - ![Build action of resource file](Images/Localization/BuildAction.png) - -6. Double tap on the resource file to add the name and value details to the Resource Designer. - -7. Set the `ResourceManager` as shown in the following code example, that looks up the resource file with the specified root name. - -{% tabs %} -{% highlight C# tabtitle="App.xaml.cs" hl_lines="13 14" %} - -using System.Resources; -using System.Globalization; -using Syncfusion.Maui.PdfViewer; - -namespace PdfViewerLocalization; - -public partial class App : Application -{ - public App() - { - InitializeComponent(); - CultureInfo.CurrentUICulture = new CultureInfo("fr-FR"); - SfPdfViewerResources.ResourceManager = new ResourceManager("PdfViewerLocalization.Resources.SfPdfViewer", - Application.Current.GetType().Assembly); - MainPage = new AppShell(); - } -} - -{% endhighlight %} -{% endtabs %} - -N> When localizing multiple Syncfusion MAUI controls in a .NET MAUI application, it's important to understand that these controls support only a single [ResourceManager](https://learn.microsoft.com/en-us/dotnet/api/system.resources.resourcemanager?view=net-9.0) instance for localization. If you assign different [ResourceManager](https://learn.microsoft.com/en-us/dotnet/api/system.resources.resourcemanager?view=net-9.0) instances for separate resource (.resx) files, the last assigned ResourceManager will override the others. This can result in incomplete or incorrect localization across your controls. To ensure consistent and accurate localization, consolidate all localization keys (name-value pairs) into a single resource (.resx) file and assign the [ResourceManager](https://learn.microsoft.com/en-us/dotnet/api/system.resources.resourcemanager?view=net-9.0) using that unified resource file, as shown below: -N> -N>```csharp -N> using Syncfusion.Maui.Core.Localization; -N> -N> // Assign the ResourceManager using the unified .resx file -N> LocalizationResourceAccessor.ResourceManager = new ResourceManager("Localization.Resources.SyncfusionControls", Application.Current.GetType().Assembly); -N> // Replace the above string with your resource file's actual namespace and name. -N> ``` - -## Default names and values - -The following table contains the default name and value details used in the SfPdfViewer in the `en-US` - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameValue
Add SignatureAdd Signature
AddBookmarkAdd bookmark
AddFreeTextToastMessageTap on the page to add the free text annotation
AddHighlightToastMessageDrag over a text to highlight it
AddReplyAdd Reply
AddSignatureAdd signature
AddSignatureToastMessageTap to add the signature
AddSquigglyToastMessageDrag over a text to add a squiggly underline
AddStampToastMessageTap to add the stamp
AddStickyNoteToastMessageTap to add a sticky note
AddStrikeoutToastMessageDrag over a text to strike it through
AddUnderlineToastMessageDrag over a text to underline it
AddYourCommentAdd a comment...
AnnotationsAnnotations
AnnotationSeparatorAnnotation Separator
ApplyApply
ApplyRedactionsConfirmationYou are about to permanently remove all content that has been marked for redaction. Once the document is saved, this operation cannot be undone. Are you sure you want to continue?
ArrowArrow
BackBack
BackIconSeparatorBack Icon Separator
BookmarksBookmarks
BorderBorder
BorderStyleBorder Style
CancelCancel
CanOpenWebPageDo you want to open
CircleCircle
ClearClear
CloseCLOSE
CloudCloud
ColorColor
ColorPickerColor picker
ColorPickerSeparatorColor Picker Separator
CommentComment
CommentsComments
ContinuousPageContinuous page
CopyCopy
CreateCreate
CreateSignatureCreate Signature
CreateStampsCreate Stamps
CurrentPageCurrent page
CustomStampsCustom Stamps
CustomTextCustom text
DeleteDelete
DeleteSeparatorDelete Separator
DocumentLoadFailedFailed to load the PDF document.
Drag and drop an image hereDrag and drop an image here
DragAndDropImageDrag and drop an image here.
DrawDraw
Draw your signatureDraw your signature
DrawArrowToastMessageDrag to draw an arrow
DrawCircleToastMessageDrag to draw a circle
DrawCloudToastMessageTap to begin drawing a cloud
DrawInkToastMessageDrag to draw an ink
DrawLineToastMessageDrag to draw a line
DrawPolygonToastMessageTap to begin drawing a polygon
DrawPolylineToastMessageTap to begin drawing a polyline
DrawSquareToastMessageDrag to draw a square
EditEdit
EditYourCommentEdit a comment...
EnterEnter
EnterPasswordEnter Password
EraseInkToastMessageDrag over an ink to erase it
ErrorError
EvenPagesOnlyEven pages only
FillFill
FillColorFill color
FillOpacityFill opacity
FitToPageFit to Page
FitToWidthFit to Width
FontFont
FontColorFont color
FontSizeFont size
FreeTextFree text
FreeTextEditorPlaceHolderText…
GoToPageGo to Page
GuestUserGuest User
HelpHelp
HighlightHighlight
InkInk
InkEraserInk eraser
InsertInsert
InvalidPageNumberInvalid page number
InvalidPasswordErrorCan't open an encrypted document. The password is invalid.
KeyKey
LineLine
MarkForRedactionMark for Redaction
MarkPageRangeMark page range
MatchCaseMatch Case
MoreItemsMore items
MoreOptionSeparatorMore Option Separator
NewParagraphNew Paragraph
NextPageNext page
NoBookmarkNo Bookmark
NoBookmarksNo Bookmarks
NoColorNo Color
NoCommentsNo Comments available
NoMatchesWereFoundToastMessageNo matches were found.
NoMoreMatchesWereFoundToastMessageNo more matches were found
NoOutlineNo outline
NoteNote
OddPagesOnlyOdd pages only
ofof
OkOK
OpacityOpacity
OpenOPEN
OpenWebPageOpen Web Page
OutlineOutline
OutlineColorOutline color
PagePage
PageByPagePage by page
PageCountPage count
PageCountSeparatorPage Count Separator
PageLayoutModePage layout mode
PageNumberEntryPage number entry
PageNumberHintEnter page number here
PageRangePage range
ParagraphParagraph
PasswordErrorHintCheck your password
PolygonPolygon
PolylinePolyline
PreviousPagePrevious page
PrintPrint
PrintSeparatorPrint Separator
PropertiesProperties
RedactAreaRedact area
RedactedAreaFillColorRedacted area fill color
RedactionRedaction
RedactionMarkAppearanceRedaction mark appearance
RedactionPropertiesRedaction properties
RedactionSeparatorRedaction Separator
RedactPagesRedact pages
RedactTextRedact text
RedoRedo
RenameRename
RepeatOverlayTextRepeat overlay text
RepliesReplies
ReplyReply
RequestPasswordThis PDF file is protected. Please enter the password to open it.
SaveSave
SaveSignatureSave Signature
SearchSearch
SearchPlaceholderFind in the document
ShapesShapes
SignatureSignature
SpecificPageSpecific page
SquareSquare
SquigglySquiggly
StampsStamps
StandardStampsStandard Stamps
StickyNoteSticky note
StickyNoteEditorPlaceholderWrite Your Note…
StickyNoteIconsSticky note icons
StrikeoutStrikeout
StrokeStroke
TextText
TextColorText color
TextFillColorText fill color
TextMarkupsText markups
TextPropertySeparatorText Property Separator
ThicknessThickness
TypeType
Type your signatureType your signature
TypeSignaturePlaceHolderType your signature
UnderlineUnderline
UndoUndo
UploadUpload
Upload an imageUpload an image
UploadImageUpload an image
UseOverlayTextUse overlay text
WarningWarning
XFAFormNotSupportedMessageThis PDF cannot be loaded because it contains an XFA form.
ZoomIconSeparatorZoom Icon Separator
ZoomModeZoom mode
- - -## See Also -- [Right To Left](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/right-to-left) -- [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/getting-started) +--- +layout: post +title: Localization in .NET MAUI PDF Viewer | Syncfusion +description: Learn how to localize the static text in the Syncfusion® .NET MAUI PDF Viewer (SfPdfViewer) control to other languages. +platform: document-processing +control: SfPdfViewer +documentation: ug +keywords: .net maui pdf viewer, .net maui view pdf, pdf viewer in .net maui, .net maui open pdf, maui pdf viewer, maui pdf view +--- + +# Localization in .NET MAUI PDF Viewer (SfPdfViewer) + +Localization is the process of translating the application resources into a different language for specific cultures. [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) is set up by default with the language code `en-US`. However, by including a resource file (.resx) in the application with the language code, the static text used in the [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) can be localized to a different language. + +Follow the instructions given to apply localization to the [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html). + +## Change the current user interface culture + +Set the [CurrentUICulture](https://learn.microsoft.com/en-us/dotnet/api/system.globalization.cultureinfo.currentuiculture?view=net-7.0) property in the `App.xaml.cs` file to the desired user interface culture. Refer to the following code sample to change the current culture to `French`. + +{% tabs %} +{% highlight C# tabtitle="App.xaml.cs" hl_lines="10" %} + +using System.Globalization; + +namespace PdfViewerLocalization; + +public partial class App : Application +{ + public App() + { + InitializeComponent(); + CultureInfo.CurrentUICulture = new CultureInfo("fr-FR"); + MainPage = new AppShell(); + } +} + +{% endhighlight %} +{% endtabs %} + +## Create and add the resource file to the application + +Follow the given steps to create and add the resource file to the application. + +1. Right-click on the `Resources` folder in the application. + + ![Resources folder in the .NET MAUI PDF Viewer application.](Images/Localization/Resources.png) + +2. Click the `Add` option and then select `NewItem`. + + ![Add new item in the .NET MAUI PDF Viewer application.](Images/Localization/NewItem.png) + +3. In the `Add New Item` wizard, select the `Resource File` option and name the file in the format `..resx`. For example, name the file as SfPdfViewer.fr.resx for `French` culture. + + ![Adding resource file in the .NET MAUI PDF Viewer application.](Images/Localization/Resx.png) + +4. Click the `Add` option to add the resource file in the Resources folder. + +5. Change the `Build Action` of the resource file to `Embedded resource`. + + ![Build action of resource file](Images/Localization/BuildAction.png) + +6. Double tap on the resource file to add the name and value details to the Resource Designer. + +7. Set the `ResourceManager` as shown in the following code example, that looks up the resource file with the specified root name. + +{% tabs %} +{% highlight C# tabtitle="App.xaml.cs" hl_lines="13 14" %} + +using System.Resources; +using System.Globalization; +using Syncfusion.Maui.PdfViewer; + +namespace PdfViewerLocalization; + +public partial class App : Application +{ + public App() + { + InitializeComponent(); + CultureInfo.CurrentUICulture = new CultureInfo("fr-FR"); + SfPdfViewerResources.ResourceManager = new ResourceManager("PdfViewerLocalization.Resources.SfPdfViewer", + Application.Current.GetType().Assembly); + MainPage = new AppShell(); + } +} + +{% endhighlight %} +{% endtabs %} + +N> When localizing multiple Syncfusion MAUI controls in a .NET MAUI application, it's important to understand that these controls support only a single [ResourceManager](https://learn.microsoft.com/en-us/dotnet/api/system.resources.resourcemanager?view=net-9.0) instance for localization. If you assign different [ResourceManager](https://learn.microsoft.com/en-us/dotnet/api/system.resources.resourcemanager?view=net-9.0) instances for separate resource (.resx) files, the last assigned ResourceManager will override the others. This can result in incomplete or incorrect localization across your controls. To ensure consistent and accurate localization, consolidate all localization keys (name-value pairs) into a single resource (.resx) file and assign the [ResourceManager](https://learn.microsoft.com/en-us/dotnet/api/system.resources.resourcemanager?view=net-9.0) using that unified resource file, as shown below: +N> +N>```csharp +N> using Syncfusion.Maui.Core.Localization; +N> +N> // Assign the ResourceManager using the unified .resx file +N> LocalizationResourceAccessor.ResourceManager = new ResourceManager("Localization.Resources.SyncfusionControls", Application.Current.GetType().Assembly); +N> // Replace the above string with your resource file's actual namespace and name. +N> ``` + +## Default names and values + +The following table contains the default name and value details used in the SfPdfViewer in the `en-US` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameValue
Add SignatureAdd Signature
AddBookmarkAdd bookmark
AddFreeTextToastMessageTap on the page to add the free text annotation
AddHighlightToastMessageDrag over a text to highlight it
AddReplyAdd Reply
AddSignatureAdd signature
AddSignatureToastMessageTap to add the signature
AddSquigglyToastMessageDrag over a text to add a squiggly underline
AddStampToastMessageTap to add the stamp
AddStickyNoteToastMessageTap to add a sticky note
AddStrikeoutToastMessageDrag over a text to strike it through
AddUnderlineToastMessageDrag over a text to underline it
AddYourCommentAdd a comment...
AnnotationsAnnotations
AnnotationSeparatorAnnotation Separator
ApplyApply
ApplyRedactionsConfirmationYou are about to permanently remove all content that has been marked for redaction. Once the document is saved, this operation cannot be undone. Are you sure you want to continue?
ArrowArrow
BackBack
BackIconSeparatorBack Icon Separator
BookmarksBookmarks
BorderBorder
BorderStyleBorder Style
CancelCancel
CanOpenWebPageDo you want to open
CircleCircle
ClearClear
CloseCLOSE
CloudCloud
ColorColor
ColorPickerColor picker
ColorPickerSeparatorColor Picker Separator
CommentComment
CommentsComments
ContinuousPageContinuous page
CopyCopy
CreateCreate
CreateSignatureCreate Signature
CreateStampsCreate Stamps
CurrentPageCurrent page
CustomStampsCustom Stamps
CustomTextCustom text
DeleteDelete
DeleteSeparatorDelete Separator
DocumentLoadFailedFailed to load the PDF document.
Drag and drop an image hereDrag and drop an image here
DragAndDropImageDrag and drop an image here.
DrawDraw
Draw your signatureDraw your signature
DrawArrowToastMessageDrag to draw an arrow
DrawCircleToastMessageDrag to draw a circle
DrawCloudToastMessageTap to begin drawing a cloud
DrawInkToastMessageDrag to draw an ink
DrawLineToastMessageDrag to draw a line
DrawPolygonToastMessageTap to begin drawing a polygon
DrawPolylineToastMessageTap to begin drawing a polyline
DrawSquareToastMessageDrag to draw a square
EditEdit
EditYourCommentEdit a comment...
EnterEnter
EnterPasswordEnter Password
EraseInkToastMessageDrag over an ink to erase it
ErrorError
EvenPagesOnlyEven pages only
FillFill
FillColorFill color
FillOpacityFill opacity
FitToPageFit to Page
FitToWidthFit to Width
FontFont
FontColorFont color
FontSizeFont size
FreeTextFree text
FreeTextEditorPlaceHolderText…
GoToPageGo to Page
GuestUserGuest User
HelpHelp
HighlightHighlight
InkInk
InkEraserInk eraser
InsertInsert
InvalidPageNumberInvalid page number
InvalidPasswordErrorCan't open an encrypted document. The password is invalid.
KeyKey
LineLine
MarkForRedactionMark for Redaction
MarkPageRangeMark page range
MatchCaseMatch Case
MoreItemsMore items
MoreOptionSeparatorMore Option Separator
NewParagraphNew Paragraph
NextPageNext page
NoBookmarkNo Bookmark
NoBookmarksNo Bookmarks
NoColorNo Color
NoCommentsNo Comments available
NoMatchesWereFoundToastMessageNo matches were found.
NoMoreMatchesWereFoundToastMessageNo more matches were found
NoOutlineNo outline
NoteNote
OddPagesOnlyOdd pages only
ofof
OkOK
OpacityOpacity
OpenOPEN
OpenWebPageOpen Web Page
OutlineOutline
OutlineColorOutline color
PagePage
PageByPagePage by page
PageCountPage count
PageCountSeparatorPage Count Separator
PageLayoutModePage layout mode
PageNumberEntryPage number entry
PageNumberHintEnter page number here
PageRangePage range
ParagraphParagraph
PasswordErrorHintCheck your password
PolygonPolygon
PolylinePolyline
PreviousPagePrevious page
PrintPrint
PrintSeparatorPrint Separator
PropertiesProperties
RedactAreaRedact area
RedactedAreaFillColorRedacted area fill color
RedactionRedaction
RedactionMarkAppearanceRedaction mark appearance
RedactionPropertiesRedaction properties
RedactionSeparatorRedaction Separator
RedactPagesRedact pages
RedactTextRedact text
RedoRedo
RenameRename
RepeatOverlayTextRepeat overlay text
RepliesReplies
ReplyReply
RequestPasswordThis PDF file is protected. Please enter the password to open it.
SaveSave
SaveSignatureSave Signature
SearchSearch
SearchPlaceholderFind in the document
ShapesShapes
SignatureSignature
SpecificPageSpecific page
SquareSquare
SquigglySquiggly
StampsStamps
StandardStampsStandard Stamps
StickyNoteSticky note
StickyNoteEditorPlaceholderWrite Your Note…
StickyNoteIconsSticky note icons
StrikeoutStrikeout
StrokeStroke
TextText
TextColorText color
TextFillColorText fill color
TextMarkupsText markups
TextPropertySeparatorText Property Separator
ThicknessThickness
TypeType
Type your signatureType your signature
TypeSignaturePlaceHolderType your signature
UnderlineUnderline
UndoUndo
UploadUpload
Upload an imageUpload an image
UploadImageUpload an image
UseOverlayTextUse overlay text
WarningWarning
XFAFormNotSupportedMessageThis PDF cannot be loaded because it contains an XFA form.
ZoomIconSeparatorZoom Icon Separator
ZoomModeZoom mode
+ + +## See Also +- [Right To Left](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/right-to-left) +- [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/getting-started) diff --git a/Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md b/Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md index fd2e167faa..9b813e87da 100644 --- a/Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/maui/Toolbar.md @@ -1,747 +1,748 @@ ---- -layout: post -title: Working with the Toolbar in .NET MAUI PDF Viewer | Syncfusion -description: Learn how to use, customize, and extend the built-in toolbar in the Syncfusion® .NET MAUI PDF Viewer (SfPdfViewer) control. -platform: document-processing -control: SfPdfViewer -documentation: ug -keywords: .net maui pdf viewer, .net maui view pdf, pdf viewer in .net maui, .net maui open pdf, maui pdf viewer, maui pdf view ---- - -# Working with the Toolbar in .NET MAUI PDF Viewer - -The [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) includes a built-in toolbar that enhances PDF viewing and editing capabilities, allowing you to perform operations such as adding and modifying annotations, searching for text, and more. - -## Toolbars structure - -The [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) features a built-in toolbar that utilizes multiple or multilevel toolbars. This design ensures that the user interface remains clean and accessible. We have incorporated multiple toolbars, such as top, bottom, and sub-toolbars for editing and choosing types, to ensure comprehensive functionality across various platforms. These toolbars are strategically organized based on the available screen space, adapting to different screen sizes on both mobile and desktop platforms. This approach ensures that tools are easily accessible, preventing the interface from cluttering. - -### Need for using multiple toolbars - -Depending on the available screen space, the [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) organizes its tools into multiple or multilevel toolbars on mobile and desktop platforms. The use of multiple toolbars in the [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) is essential to maintain a user-friendly interface. By separating tools into different toolbars, users can quickly find and use the tools they need without the interface becoming cluttered. - -The names of these toolbars and their description are listed in the following sections. - -### Mobile toolbar names - -![Mobile Toolbar](Images/MobileToolbar.png) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
KeyDescription
TopToolbarThe toolbar appears at the top of the mobile PDF viewer.
BottomToolbarThe annotation toolbar appears at the bottom of the mobile PDF viewer.
RectangleAnnotationEditToolbarThe toolbar for editing rectangle annotations appears at the bottom of the mobile PDF viewer.
CircleAnnotationEditToolbarThe toolbar for editing circle annotations appears at the bottom of the mobile PDF viewer.
LineAnnotationEditToolbarThe toolbar for editing line annotations appears at the bottom of the mobile PDF viewer.
ArrowAnnotationEditToolbarThe toolbar for editing arrow annotations appears at the bottom of the mobile PDF viewer.
PolygonAnnotationEditToolbarThe toolbar for editing polygon annotations appears at the bottom of the mobile PDF viewer.
PolylineAnnotationEditToolbarThe toolbar for editing polyline annotations appears at the bottom of the mobile PDF viewer.
InkAnnotationEditToolbarThe toolbar for editing ink annotations appears at the bottom of the mobile PDF viewer.
EraserEditToolbarThe toolbar for editing eraser annotations appears at the bottom of the mobile PDF viewer.
FreeTextAnnotationEditToolbarThe toolbar for editing free text annotations appears at the bottom of the mobile PDF viewer.
StickyNoteAnnotationEditToolbarThe toolbar for editing sticky note annotations appears at the bottom of the mobile PDF viewer.
HighlightAnnotationEditToolbarThe toolbar for editing highlight annotations appears at the bottom of the mobile PDF viewer.
StrikeOutAnnotationEditToolbarThe toolbar for editing strikeout annotations appears at the bottom of the mobile PDF viewer.
UnderlineAnnotationEditToolbarThe toolbar for editing underline annotations appears at the bottom of the mobile PDF viewer.
SquigglyAnnotationEditToolbarThe toolbar for editing squiggly annotations appears at the bottom of the mobile PDF viewer.
StampAnnotationEditToolbarThe toolbar for editing stamp annotations appears at the bottom of the mobile PDF viewer.
TextMarkupToolbarThe toolbar for editing text markup annotations appears at the bottom of the mobile PDF viewer.
ShapeAnnotationsToolbarThe toolbar for editing shape annotations appears at the bottom of the mobile PDF viewer.
StickyNoteIconsToolbarThe toolbar for editing sticky note icons appears at the bottom of the mobile PDF viewer.
- -### Desktop toolbar names - -![Desktop Primary Toolbar](Images/PrimaryToolbar.png) - -![Desktop Annotations Toolbar](Images/AnnotationsToolbar.png) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
KeysDescription
PrimaryToolbarThe toolbar, appears at the top of the desktop PDF viewer.
AnnotationsToolbarThe annotation toolbar, appears below the PrimaryToolbar of the desktop PDF viewer.
RectangleAnnotationEditToolbarThe toolbar for editing rectangle annotations appears at the bottom of the desktop PDF viewer.
CircleAnnotationEditToolbarThe toolbar for editing circle annotations appears at the bottom of the desktop PDF viewer.
LineAnnotationEditToolbarThe toolbar for editing line annotations appears at the bottom of the desktop PDF viewer.
ArrowAnnotationEditToolbarThe toolbar for editing arrow annotations appears at the bottom of the desktop PDF viewer.
PolygonAnnotationEditToolbarThe toolbar for editing polygon annotations appears at the bottom of the desktop PDF viewer.
PolylineAnnotationEditToolbarThe toolbar for editing polyline annotations appears at the bottom of the desktop PDF viewer.
InkAnnotationEditToolbarThe toolbar for editing ink annotations appears at the bottom of the desktop PDF viewer.
EraserEditToolbarThe toolbar for editing eraser annotations appears at the bottom of the desktop PDF viewer.
FreeTextAnnotationEditToolbarThe toolbar for editing free text annotations appears at the bottom of the desktop PDF viewer.
StickyNoteAnnotationEditToolbarThe toolbar for editing sticky note annotations appears at the bottom of the desktop PDF viewer.
HighlightAnnotationEditToolbarThe toolbar for editing highlight annotations appears at the bottom of the desktop PDF viewer.
StrikeOutAnnotationEditToolbarThe toolbar for editing strikeout annotations appears at the bottom of the desktop PDF viewer.
UnderlineAnnotationEditToolbarThe toolbar for editing underline annotations appears at the bottom of the desktop PDF viewer.
SquigglyAnnotationEditToolbarThe toolbar for editing squiggly annotations appears at the bottom of the desktop PDF viewer.
StampAnnotationEditToolbarThe toolbar for editing stamp annotations appears at the bottom of the desktop PDF viewer.
- -### Toolbar customization - -For details on showing, hiding, adding, removing, and reordering toolbars and toolbar items, see [Toolbar Customization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/toolbar-customization). - -## Toolbar items - -In [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html), the user can also manage the items within each toolbar of the PDF Viewer. This allows you to control which tools are available and how they are arranged, providing a tailored user experience that aligns with your application’s requirements. - -The names of these toolbar items, along with their descriptions and availability in the toolbars, are listed in the following sections. - -### Mobile toolbar item names - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
KeysDescriptionItem available in toolbars
UndoThe button that appears in the top toolbar allows you to undo an action.TopToolbar
RedoThe button that appears in the top toolbar allows you to redo an action.TopToolbar
ZoomModeThe button that appears in the top toolbar allows you to adjust the magnification level of the PDF viewer content. TopToolbar
PageSettingsThe button that appears in the top toolbar allows you to customize the page display and layout of the PDF viewer content. TopToolbar
SearchThe button that appears in the top toolbar allows you to locate specific text or content in the document quickly. TopToolbar
MoreItemThe button that appears in the top toolbar allows you to expand the options available in the PDF Viewer.TopToolbar
TextMarkupThe button that appears in the bottom toolbar allows you to annotate text in the PDF Viewer.BottomToolbar
FreeTextThe button that appears in the bottom toolbar allows you to add text annotations directly to the document in the PDF Viewer.BottomToolbar
InkThe button that appears in the bottom toolbar allows you to draw freehand annotations.BottomToolbar
EraserThe button that appears in the bottom toolbar allows you to erase the ink annotations in the PDF Viewer.BottomToolbar
ShapeThe button that appears in the bottom toolbar allows you to add shapes to the document.BottomToolbar
StampThe button that appears in the bottom toolbar allows you to add the in-built and custom stamps.BottomToolbar
SignatureThe button that appears in the bottom toolbar allows you to create and add the signature and indicate the signature annotation type.BottomToolbar
StickyNoteThe button that appears in the bottom toolbar allows you to add a sticky note to the document.BottomToolbar
TextMarkupToolbarBackIconThe button that appears in the text markup toolbar allows you to navigate back from the text markup toolbar.TextMarkupToolbar
HighlightThe button that appears in the text markup toolbar allows you to highlight the text in the document.TextMarkupToolbar
UnderlineThe button that appears in the text markup toolbar allows you to underline the text in the document.TextMarkupToolbar
StrikeOutThe button that appears in the text markup toolbar allows you to strike out the text in the document.TextMarkupToolbar
SquigglyThe button that appears in the text markup toolbar allows you to add squiggly lines to the text in the document.TextMarkupToolbar
ShapeToolbarBackIconThe button that appears in the shape toolbar allows you to navigate back from the shape toolbar.ShapeAnnotationsToolbar
LineThe button that appears in the shape toolbar allows you to draw a line in the document.ShapeAnnotationsToolbar
ArrowThe button that appears in the shape toolbar allows you to draw an arrow in the document.ShapeAnnotationsToolbar
RectangleThe button that appears in the shape toolbar allows you to draw a rectangle in the document.ShapeAnnotationsToolbar
CircleThe button that appears in the shape toolbar allows you to draw a circle in the document.ShapeAnnotationsToolbar
PolygonThe button that appears in the shape toolbar allows you to draw polygons in the document.ShapeAnnotationsToolbar
PolylineThe button that appears in the shape toolbar allows you to draw polylines in the document.ShapeAnnotationsToolbar
CloudThe button that appears in the shape toolbar allows you to draw a cloud in the document.ShapeAnnotationsToolbar
SecondaryAnnotationBackIconThe button that appears in the annotation edit toolbars allows you to navigate back from the annotation edit toolbar.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar
BackIconSeparatorThe separator that appears in the annotation edit toolbar is positioned after the back button. HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar
AnnotationTypeThe button that appears in the annotation edit toolbar allows you to indicate the annotation type.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar
BorderStyleThe button that appears in the cloud annotation edit toolbar allows you to indicate the cloud annotation.PolygonAnnotationEditToolbar
TextColorThe button that appears in the free text annotation edit toolbar allows you to change the free text color.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar.
TextSizeThe button that appears in the free text annotation edit toolbar allows you to change the text size.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
TextPropertySeparatorThe separator that appears in the free text annotation edit toolbar is positioned after the text size button.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
EditThe button that appears in the sticky note annotation edit toolbar allows you to edit text in the sticky note.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
TextFillColorThe button that appears in the free text annotation edit toolbar allows you to set the fill color of the text box.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
ThicknessThe button that appears in the annotation edit toolbar allows you to set the thickness of the annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar
StokeColorThe button that appears in the annotation edit toolbar allows you to set the stroke color of the annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar
NotesThe button that appears in the top toolbar allows you to show the sticky note icons.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar
FillColorThe button that appears in the annotation edit toolbar allows you to set the fill color of the annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
OpacityThe button that appears in the annotation edit toolbar allows you to set the opacity of the annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
DeleteSeparatorThe separator that appears in the annotation edit toolbar positioned before the delete button.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
DeleteThe button that appears in the annotation edit toolbar allows you to delete the selected annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
NoteThe button that appears in the sticky note icons toolbar allows you to add a note type of the sticky note.StickyNoteIconsToolbarView
InsertThe button that appears in the sticky note icons toolbar allows you to add an insert type of the sticky note.StickyNoteIconsToolbarView
CommentThe button that appears in the sticky note icons toolbar allows you to add a comment type of the sticky note.StickyNoteIconsToolbarView
KeyThe button that appears in the sticky note icons toolbar allows you to add the key type of the sticky note.StickyNoteIconsToolbarView
HelpThe button that appears in the sticky note icons toolbar allows you to add a help type of the sticky note.StickyNoteIconsToolbarView
ParagraphThe button that appears in the sticky note icons toolbar allows you to add a paragraph type of the sticky note.StickyNoteIconsToolbarView
New ParagraphThe button that appears in the sticky note icons toolbar allows you to add a new paragraph type of the sticky note.StickyNoteIconsToolbarView
OutlineThe button that appears in the more option toolbar allows you to see the outline view of the document.MoreOptionToolbar
PrintThe button that appears in the more option toolbar allows you to print the document from the PDF Viewer.MoreOptionToolbar
SearchBackIconThe button that appears in the search toolbar allows you to navigate back from the search toolbar. SearchToolbar
SearchEntryThe entry that appears in the search toolbar allows you to enter the text you want to search.SearchToolbar
SearchBusyIndicatorThe button that appears in the search toolbar indicates an ongoing search.SearchToolbar
ClearSearchThe button that appears in the search toolbar allows you to clear the current search text.SearchToolbar
ClearSeparatorThe separator that appears in the search toolbar is positioned after the clear button.SearchToolbar
PreviousSearchThe button that appears in the search toolbar allows you to navigate to the previous search result.SearchToolbar
NextSearchThe button that appears in the search toolbar allows you to navigate to the next search result.SearchToolbar
MoreOptionThe button that appears in the search toolbar allows you to search with case sensitivity.SearchToolbar
- -### Desktop toolbar item names - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
KeysDescriptionItem available in toolbars
UndoThe button that appears in the primary toolbar allows you to undo an action.PrimaryToolbar
RedoThe button that appears in the primary toolbar allows you to redo an action.PrimaryToolbar
Previous pageThe button that appears in the primary toolbar allows you to navigate to the page before the current one in the PDF Viewer.PrimaryToolbar
Next pageThe button that appears in the primary toolbar allows you to navigate to the page next to the current one in the PDF Viewer.PrimaryToolbar
Page number entryThe entry that appears in the primary toolbar allows you to navigate to the entered page number.PrimaryToolbar
Page countThe button that appears in the primary toolbar represents the total number of pages in the document.PrimaryToolbar
Zoom modeThe button that appears in the primary toolbar allows you to adjust the magnification level of the PDF viewer content. PrimaryToolbar
AnnotationsThe button that appears in the primary toolbar allows you to access the annotation toolbar.
PrintThe button that appears in the primary toolbar allows you to print the document from the PDF Viewer.PrimaryToolbar
OutlineThe button that appears in the primary toolbar allows you to see the outline view of the document.PrimaryToolbar
SearchThe button that appears in the primary toolbar allows you to locate specific text or content in the document quickly.PrimaryToolbar
Page layout modeThe button that appears in the primary toolbar allows you to customize page display and layout in the PDF Viewer.PrimaryToolbar
Text markupsThe button that appears in the annotation toolbar allows you to annotate text in the PDF Viewer.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
HighlightThe button that appears in the annotation toolbar allows you to highlight the text in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
UnderlineThe button that appears in the annotation toolbar allows you to underline the text in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
StrikeoutThe button that appears in the annotation toolbar allows you to strike out the text in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
SquigglyThe button that appears in the annotation toolbar allows you to add squiggly lines to the text in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
InkThe button that appears in the annotation toolbar allows you to draw freehand annotations.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Ink eraserThe button that appears in the annotation toolbar allows you to erase the ink annotations drawn in the documentAnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Free textThe button that appears in the annotation toolbar allows you to add text annotations directly to the document in the PDF Viewer.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
ShapesThe button that appears in the annotation toolbar allows you to add different shapes to the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
SquareThe button that appears in the annotation toolbar allows you to draw a square in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
CircleThe button that appears in the annotation toolbar allows you to draw a circle in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
LineThe button that appears in the annotation toolbar allows you to draw a line in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
ArrowThe button that appears in the annotation toolbar allows you to draw an arrow in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
PolylineThe button that appears in the annotation toolbar allows you to draw polylines in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
PolygonThe button that appears in the annotation toolbar allows you to draw polygons in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
CloudThe button that appears in the annotation toolbar allows you to draw a cloud on the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
StampsThe button that appears in the annotation toolbar allows you to add the inbuilt stamps and custom stamps.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Sticky noteThe button that appears in the annotation toolbar allows you to add a sticky note to the document in the PDF Viewer.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
SignatureThe button that appears in the annotation toolbar allows you to create and add a signature.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Color pickerThe button that appears in the annotation toolbar allows you to select and apply colors to the annotations.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
ThicknessThe button that appears in the annotation toolbar allows you to set the thickness of the annotations.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
DeleteThe button that appears in the annotation toolbar allows you to delete the selected annotation.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Sticky note iconsThe button that appears in the annotation toolbar allows you to select the types of sticky notes.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Font sizeThe button that appears in the annotation toolbar allows you to change the size of the text.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar
ColorPickerSeparatorThe separator that appears in the annotation toolbar is positioned before the color picker button.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar
CloseThe button that appears in the annotation toolbar allows you to close the annotation toolbar.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar
PageCountSeparatorThe separator that appears in the primary toolbar allows you to separate the page number entry and page count buttons.PrimaryToolbar
ZoomIconSeparatorThe separator that appears in the primary toolbar is positioned before the Zoom mode button.PrimaryToolbar
AnnotationSeparatorThe separator that appears in the primary toolbar is positioned before the annotations button.PrimaryToolbar
PrintSeparatorThe separator that appears in the primary toolbar is positioned after the print button.PrimaryToolbar
MoreOptionSeparatorThe separator that appears in the primary toolbar is positioned before the page layout mode.PrimaryToolbar
- -## See Also -- [Toolbar Customization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/toolbar-customization) -- [UI Customization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/ui-customization) -- [Annotations Overview](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/annotations-overview) +--- +layout: post +title: Working with the Toolbar in .NET MAUI PDF Viewer | Syncfusion +description: Learn how to use, customize, and extend the built-in toolbar in the Syncfusion® .NET MAUI PDF Viewer (SfPdfViewer) control. +platform: document-processing +control: SfPdfViewer +documentation: ug +keywords: .net maui pdf viewer, .net maui view pdf, pdf viewer in .net maui, .net maui open pdf, maui pdf viewer, maui pdf view +--- + +# Working with the Toolbar in .NET MAUI PDF Viewer (SfPdfViewer) + +The [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) includes a built-in toolbar that enhances PDF viewing and editing capabilities, allowing you to perform operations such as adding and modifying annotations, searching for text, and more. + +## Toolbars structure + +The [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) features a built-in toolbar that utilizes multiple or multilevel toolbars. This design ensures that the user interface remains clean and accessible. We have incorporated multiple toolbars, such as top, bottom, and sub-toolbars for editing and choosing types, to ensure comprehensive functionality across various platforms. These toolbars are strategically organized based on the available screen space, adapting to different screen sizes on both mobile and desktop platforms. This approach ensures that tools are easily accessible, preventing the interface from cluttering. + +### Need for using multiple toolbars + +Depending on the available screen space, the [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) organizes its tools into multiple or multilevel toolbars on mobile and desktop platforms. The use of multiple toolbars in the [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) is essential to maintain a user-friendly interface. By separating tools into different toolbars, users can quickly find and use the tools they need without the interface becoming cluttered. + +The names of these toolbars and their description are listed in the following sections. + +### Mobile toolbar names + +![Mobile Toolbar](Images/MobileToolbar.png) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
KeyDescription
TopToolbarThe toolbar appears at the top of the mobile PDF viewer.
BottomToolbarThe annotation toolbar appears at the bottom of the mobile PDF viewer.
RectangleAnnotationEditToolbarThe toolbar for editing rectangle annotations appears at the bottom of the mobile PDF viewer.
CircleAnnotationEditToolbarThe toolbar for editing circle annotations appears at the bottom of the mobile PDF viewer.
LineAnnotationEditToolbarThe toolbar for editing line annotations appears at the bottom of the mobile PDF viewer.
ArrowAnnotationEditToolbarThe toolbar for editing arrow annotations appears at the bottom of the mobile PDF viewer.
PolygonAnnotationEditToolbarThe toolbar for editing polygon annotations appears at the bottom of the mobile PDF viewer.
PolylineAnnotationEditToolbarThe toolbar for editing polyline annotations appears at the bottom of the mobile PDF viewer.
InkAnnotationEditToolbarThe toolbar for editing ink annotations appears at the bottom of the mobile PDF viewer.
EraserEditToolbarThe toolbar for editing eraser annotations appears at the bottom of the mobile PDF viewer.
FreeTextAnnotationEditToolbarThe toolbar for editing free text annotations appears at the bottom of the mobile PDF viewer.
StickyNoteAnnotationEditToolbarThe toolbar for editing sticky note annotations appears at the bottom of the mobile PDF viewer.
HighlightAnnotationEditToolbarThe toolbar for editing highlight annotations appears at the bottom of the mobile PDF viewer.
StrikeOutAnnotationEditToolbarThe toolbar for editing strikeout annotations appears at the bottom of the mobile PDF viewer.
UnderlineAnnotationEditToolbarThe toolbar for editing underline annotations appears at the bottom of the mobile PDF viewer.
SquigglyAnnotationEditToolbarThe toolbar for editing squiggly annotations appears at the bottom of the mobile PDF viewer.
StampAnnotationEditToolbarThe toolbar for editing stamp annotations appears at the bottom of the mobile PDF viewer.
TextMarkupToolbarThe toolbar for editing text markup annotations appears at the bottom of the mobile PDF viewer.
ShapeAnnotationsToolbarThe toolbar for editing shape annotations appears at the bottom of the mobile PDF viewer.
StickyNoteIconsToolbarThe toolbar for editing sticky note icons appears at the bottom of the mobile PDF viewer.
+ +### Desktop toolbar names + +![Desktop Primary Toolbar](Images/PrimaryToolbar.png) + +![Desktop Annotations Toolbar](Images/AnnotationsToolbar.png) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
KeysDescription
PrimaryToolbarThe toolbar, appears at the top of the desktop PDF viewer.
AnnotationsToolbarThe annotation toolbar, appears below the PrimaryToolbar of the desktop PDF viewer.
RectangleAnnotationEditToolbarThe toolbar for editing rectangle annotations appears at the bottom of the desktop PDF viewer.
CircleAnnotationEditToolbarThe toolbar for editing circle annotations appears at the bottom of the desktop PDF viewer.
LineAnnotationEditToolbarThe toolbar for editing line annotations appears at the bottom of the desktop PDF viewer.
ArrowAnnotationEditToolbarThe toolbar for editing arrow annotations appears at the bottom of the desktop PDF viewer.
PolygonAnnotationEditToolbarThe toolbar for editing polygon annotations appears at the bottom of the desktop PDF viewer.
PolylineAnnotationEditToolbarThe toolbar for editing polyline annotations appears at the bottom of the desktop PDF viewer.
InkAnnotationEditToolbarThe toolbar for editing ink annotations appears at the bottom of the desktop PDF viewer.
EraserEditToolbarThe toolbar for editing eraser annotations appears at the bottom of the desktop PDF viewer.
FreeTextAnnotationEditToolbarThe toolbar for editing free text annotations appears at the bottom of the desktop PDF viewer.
StickyNoteAnnotationEditToolbarThe toolbar for editing sticky note annotations appears at the bottom of the desktop PDF viewer.
HighlightAnnotationEditToolbarThe toolbar for editing highlight annotations appears at the bottom of the desktop PDF viewer.
StrikeOutAnnotationEditToolbarThe toolbar for editing strikeout annotations appears at the bottom of the desktop PDF viewer.
UnderlineAnnotationEditToolbarThe toolbar for editing underline annotations appears at the bottom of the desktop PDF viewer.
SquigglyAnnotationEditToolbarThe toolbar for editing squiggly annotations appears at the bottom of the desktop PDF viewer.
StampAnnotationEditToolbarThe toolbar for editing stamp annotations appears at the bottom of the desktop PDF viewer.
+ +### Toolbar customization + +For details on showing, hiding, adding, removing, and reordering toolbars and toolbar items, see [Toolbar Customization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/toolbar-customization). + +## Toolbar items + +In [SfPdfViewer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Maui.PdfViewer.SfPdfViewer.html), the user can also manage the items within each toolbar of the PDF Viewer. This allows you to control which tools are available and how they are arranged, providing a tailored user experience that aligns with your application’s requirements. + +The names of these toolbar items, along with their descriptions and availability in the toolbars, are listed in the following sections. + +### Mobile toolbar item names + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
KeysDescriptionItem available in toolbars
UndoThe button that appears in the top toolbar allows you to undo an action.TopToolbar
RedoThe button that appears in the top toolbar allows you to redo an action.TopToolbar
ZoomModeThe button that appears in the top toolbar allows you to adjust the magnification level of the PDF viewer content. TopToolbar
PageSettingsThe button that appears in the top toolbar allows you to customize the page display and layout of the PDF viewer content. TopToolbar
SearchThe button that appears in the top toolbar allows you to locate specific text or content in the document quickly. TopToolbar
MoreItemThe button that appears in the top toolbar allows you to expand the options available in the PDF Viewer.TopToolbar
TextMarkupThe button that appears in the bottom toolbar allows you to annotate text in the PDF Viewer.BottomToolbar
FreeTextThe button that appears in the bottom toolbar allows you to add text annotations directly to the document in the PDF Viewer.BottomToolbar
InkThe button that appears in the bottom toolbar allows you to draw freehand annotations.BottomToolbar
EraserThe button that appears in the bottom toolbar allows you to erase the ink annotations in the PDF Viewer.BottomToolbar
ShapeThe button that appears in the bottom toolbar allows you to add shapes to the document.BottomToolbar
StampThe button that appears in the bottom toolbar allows you to add the in-built and custom stamps.BottomToolbar
SignatureThe button that appears in the bottom toolbar allows you to create and add the signature and indicate the signature annotation type.BottomToolbar
StickyNoteThe button that appears in the bottom toolbar allows you to add a sticky note to the document.BottomToolbar
TextMarkupToolbarBackIconThe button that appears in the text markup toolbar allows you to navigate back from the text markup toolbar.TextMarkupToolbar
HighlightThe button that appears in the text markup toolbar allows you to highlight the text in the document.TextMarkupToolbar
UnderlineThe button that appears in the text markup toolbar allows you to underline the text in the document.TextMarkupToolbar
StrikeOutThe button that appears in the text markup toolbar allows you to strike out the text in the document.TextMarkupToolbar
SquigglyThe button that appears in the text markup toolbar allows you to add squiggly lines to the text in the document.TextMarkupToolbar
ShapeToolbarBackIconThe button that appears in the shape toolbar allows you to navigate back from the shape toolbar.ShapeAnnotationsToolbar
LineThe button that appears in the shape toolbar allows you to draw a line in the document.ShapeAnnotationsToolbar
ArrowThe button that appears in the shape toolbar allows you to draw an arrow in the document.ShapeAnnotationsToolbar
RectangleThe button that appears in the shape toolbar allows you to draw a rectangle in the document.ShapeAnnotationsToolbar
CircleThe button that appears in the shape toolbar allows you to draw a circle in the document.ShapeAnnotationsToolbar
PolygonThe button that appears in the shape toolbar allows you to draw polygons in the document.ShapeAnnotationsToolbar
PolylineThe button that appears in the shape toolbar allows you to draw polylines in the document.ShapeAnnotationsToolbar
CloudThe button that appears in the shape toolbar allows you to draw a cloud in the document.ShapeAnnotationsToolbar
SecondaryAnnotationBackIconThe button that appears in the annotation edit toolbars allows you to navigate back from the annotation edit toolbar.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar
BackIconSeparatorThe separator that appears in the annotation edit toolbar is positioned after the back button. HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar
AnnotationTypeThe button that appears in the annotation edit toolbar allows you to indicate the annotation type.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar
BorderStyleThe button that appears in the cloud annotation edit toolbar allows you to indicate the cloud annotation.PolygonAnnotationEditToolbar
TextColorThe button that appears in the free text annotation edit toolbar allows you to change the free text color.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar.
TextSizeThe button that appears in the free text annotation edit toolbar allows you to change the text size.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
TextPropertySeparatorThe separator that appears in the free text annotation edit toolbar is positioned after the text size button.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
EditThe button that appears in the sticky note annotation edit toolbar allows you to edit text in the sticky note.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
TextFillColorThe button that appears in the free text annotation edit toolbar allows you to set the fill color of the text box.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
ThicknessThe button that appears in the annotation edit toolbar allows you to set the thickness of the annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar
StokeColorThe button that appears in the annotation edit toolbar allows you to set the stroke color of the annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar
NotesThe button that appears in the top toolbar allows you to show the sticky note icons.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar
FillColorThe button that appears in the annotation edit toolbar allows you to set the fill color of the annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
OpacityThe button that appears in the annotation edit toolbar allows you to set the opacity of the annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
DeleteSeparatorThe separator that appears in the annotation edit toolbar positioned before the delete button.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
DeleteThe button that appears in the annotation edit toolbar allows you to delete the selected annotations.HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, SquigglyAnnotationEditToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, and StampAnnotationEditToolbar.
NoteThe button that appears in the sticky note icons toolbar allows you to add a note type of the sticky note.StickyNoteIconsToolbarView
InsertThe button that appears in the sticky note icons toolbar allows you to add an insert type of the sticky note.StickyNoteIconsToolbarView
CommentThe button that appears in the sticky note icons toolbar allows you to add a comment type of the sticky note.StickyNoteIconsToolbarView
KeyThe button that appears in the sticky note icons toolbar allows you to add the key type of the sticky note.StickyNoteIconsToolbarView
HelpThe button that appears in the sticky note icons toolbar allows you to add a help type of the sticky note.StickyNoteIconsToolbarView
ParagraphThe button that appears in the sticky note icons toolbar allows you to add a paragraph type of the sticky note.StickyNoteIconsToolbarView
New ParagraphThe button that appears in the sticky note icons toolbar allows you to add a new paragraph type of the sticky note.StickyNoteIconsToolbarView
OutlineThe button that appears in the more option toolbar allows you to see the outline view of the document.MoreOptionToolbar
PrintThe button that appears in the more option toolbar allows you to print the document from the PDF Viewer.MoreOptionToolbar
SearchBackIconThe button that appears in the search toolbar allows you to navigate back from the search toolbar. SearchToolbar
SearchEntryThe entry that appears in the search toolbar allows you to enter the text you want to search.SearchToolbar
SearchBusyIndicatorThe button that appears in the search toolbar indicates an ongoing search.SearchToolbar
ClearSearchThe button that appears in the search toolbar allows you to clear the current search text.SearchToolbar
ClearSeparatorThe separator that appears in the search toolbar is positioned after the clear button.SearchToolbar
PreviousSearchThe button that appears in the search toolbar allows you to navigate to the previous search result.SearchToolbar
NextSearchThe button that appears in the search toolbar allows you to navigate to the next search result.SearchToolbar
MoreOptionThe button that appears in the search toolbar allows you to search with case sensitivity.SearchToolbar
+ +### Desktop toolbar item names + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
KeysDescriptionItem available in toolbars
UndoThe button that appears in the primary toolbar allows you to undo an action.PrimaryToolbar
RedoThe button that appears in the primary toolbar allows you to redo an action.PrimaryToolbar
Previous pageThe button that appears in the primary toolbar allows you to navigate to the page before the current one in the PDF Viewer.PrimaryToolbar
Next pageThe button that appears in the primary toolbar allows you to navigate to the page next to the current one in the PDF Viewer.PrimaryToolbar
Page number entryThe entry that appears in the primary toolbar allows you to navigate to the entered page number.PrimaryToolbar
Page countThe button that appears in the primary toolbar represents the total number of pages in the document.PrimaryToolbar
Zoom modeThe button that appears in the primary toolbar allows you to adjust the magnification level of the PDF viewer content. PrimaryToolbar
AnnotationsThe button that appears in the primary toolbar allows you to access the annotation toolbar.
PrintThe button that appears in the primary toolbar allows you to print the document from the PDF Viewer.PrimaryToolbar
OutlineThe button that appears in the primary toolbar allows you to see the outline view of the document.PrimaryToolbar
SearchThe button that appears in the primary toolbar allows you to locate specific text or content in the document quickly.PrimaryToolbar
Page layout modeThe button that appears in the primary toolbar allows you to customize page display and layout in the PDF Viewer.PrimaryToolbar
Text markupsThe button that appears in the annotation toolbar allows you to annotate text in the PDF Viewer.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
HighlightThe button that appears in the annotation toolbar allows you to highlight the text in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
UnderlineThe button that appears in the annotation toolbar allows you to underline the text in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
StrikeoutThe button that appears in the annotation toolbar allows you to strike out the text in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
SquigglyThe button that appears in the annotation toolbar allows you to add squiggly lines to the text in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
InkThe button that appears in the annotation toolbar allows you to draw freehand annotations.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Ink eraserThe button that appears in the annotation toolbar allows you to erase the ink annotations drawn in the documentAnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Free textThe button that appears in the annotation toolbar allows you to add text annotations directly to the document in the PDF Viewer.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
ShapesThe button that appears in the annotation toolbar allows you to add different shapes to the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
SquareThe button that appears in the annotation toolbar allows you to draw a square in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
CircleThe button that appears in the annotation toolbar allows you to draw a circle in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
LineThe button that appears in the annotation toolbar allows you to draw a line in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
ArrowThe button that appears in the annotation toolbar allows you to draw an arrow in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
PolylineThe button that appears in the annotation toolbar allows you to draw polylines in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
PolygonThe button that appears in the annotation toolbar allows you to draw polygons in the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
CloudThe button that appears in the annotation toolbar allows you to draw a cloud on the document.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
StampsThe button that appears in the annotation toolbar allows you to add the inbuilt stamps and custom stamps.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Sticky noteThe button that appears in the annotation toolbar allows you to add a sticky note to the document in the PDF Viewer.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
SignatureThe button that appears in the annotation toolbar allows you to create and add a signature.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Color pickerThe button that appears in the annotation toolbar allows you to select and apply colors to the annotations.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
ThicknessThe button that appears in the annotation toolbar allows you to set the thickness of the annotations.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
DeleteThe button that appears in the annotation toolbar allows you to delete the selected annotation.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Sticky note iconsThe button that appears in the annotation toolbar allows you to select the types of sticky notes.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar.
Font sizeThe button that appears in the annotation toolbar allows you to change the size of the text.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar
ColorPickerSeparatorThe separator that appears in the annotation toolbar is positioned before the color picker button.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar
CloseThe button that appears in the annotation toolbar allows you to close the annotation toolbar.AnnotationsToolbar, LineAnnotationEditToolbar, ArrowAnnotationEditToolbar, RectangleAnnotationEditToolbar, CircleAnnotationEditToolbar, PolygonAnnotationEditToolbar, PolylineAnnotationEditToolbar, FreeTextAnnotationEditToolbar, InkAnnotationEditToolbar, EraserEditToolbar, StickyNoteAnnotationEditToolbar, StampAnnotationEditToolbar, HighlightAnnotationEditToolbar, UnderlineAnnotationEditToolbar, StrikeOutAnnotationEditToolbar, and SquigglyAnnotationEditToolbar
PageCountSeparatorThe separator that appears in the primary toolbar allows you to separate the page number entry and page count buttons.PrimaryToolbar
ZoomIconSeparatorThe separator that appears in the primary toolbar is positioned before the Zoom mode button.PrimaryToolbar
AnnotationSeparatorThe separator that appears in the primary toolbar is positioned before the annotations button.PrimaryToolbar
PrintSeparatorThe separator that appears in the primary toolbar is positioned after the print button.PrimaryToolbar
MoreOptionSeparatorThe separator that appears in the primary toolbar is positioned before the page layout mode.PrimaryToolbar
+ + +## See Also +- [Toolbar Customization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/toolbar-customization) +- [UI Customization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/ui-customization) +- [Annotations Overview](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/maui/annotations-overview)