Skip to content

Added new kb article tooltip-toolbar-items-pdfviewer-dotnet-maui #1179

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jun 17, 2025
Merged

Added new kb article tooltip-toolbar-items-pdfviewer-dotnet-maui #1179

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
395656c
Added new kb article tooltip-toolbar-items-pdfviewer-dotnet-maui
Jun 17, 2025
383fc1a
Update knowledge-base/tooltip-toolbar-items-pdfviewer-dotnet-maui.md
didiyordanova Jun 17, 2025
66c450c
Update knowledge-base/tooltip-toolbar-items-pdfviewer-dotnet-maui.md
didiyordanova Jun 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 59 additions & 0 deletions knowledge-base/tooltip-toolbar-items-pdfviewer-dotnet-maui.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
---
title: Adding Tooltip to Toolbar Items in PDF Viewer for .NET MAUI
description: Learn how to define a tooltip with text for the toolbar items in PDF Viewer for .NET MAUI.
type: how-to
page_title: Define Tooltip for PDF Viewer Toolbar Items in .NET MAUI
meta_title: Define Tooltip for PDF Viewer Toolbar Items in .NET MAUI
slug: tooltip-toolbar-items-pdfviewer-dotnet-maui
tags: pdfviewer, .net-maui, tooltip, toolbaritems, buttontoolbaritemview, style, tooltipproperties.text
res_type: kb
---

## Environment

| Version | Product | Author |
| --- | --- | ---- |
| 11.0.0 | Telerik UI for .NET MAUI PDF Toolbar | [Dobrinka Yordanova](https://www.telerik.com/blogs/author/dobrinka-yordanova) |

## Description

I want to add tooltips to the toolbar items in the PDF Viewer for .NET MAUI. How can I define a tooltip for the toolbar buttons?

This knowledge base article also answers the following questions:
- How to set tooltip text for toolbar buttons in PDF Viewer for .NET MAUI?
- How to customize tooltips in the PDF Viewer toolbar?
- How to apply tooltip properties to `RadToolbar` items?

## Solution

The PDF Viewer toolbar inherits from `RadToolbar`, which allows the use of tooltips for toolbar items. To define a tooltip for toolbar items, set the `Style` property with a `TargetType` as `ButtonToolbarItemView` and use the `ToolTipProperties.Text` property.

Here's an example:

```xml
<ContentPage.Resources>
<ResourceDictionary>
<Style x:Key="fitstyle" TargetType="telerik:ButtonToolbarItemView">
<Setter Property="ToolTipProperties.Text" Value="My text" />
</Style>
</ResourceDictionary>
</ContentPage.Resources>

<Grid RowDefinitions="Auto, *">
<telerik:RadPdfViewerToolbar OverflowMode="Scroll"
PdfViewer="{Binding Source={x:Reference pdfViewer}}">
<telerik:PdfViewerFitToWidthToolbarItem Style="{StaticResource fitstyle}" />
<telerik:PdfViewerZoomInToolbarItem />
<telerik:PdfViewerZoomOutToolbarItem />
<telerik:PdfViewerToggleLayoutModeToolbarItem />
<telerik:PdfViewerNavigateToPreviousPageToolbarItem />
<telerik:PdfViewerNavigateToNextPageToolbarItem />
<telerik:PdfViewerNavigateToPageToolbarItem />
</telerik:RadPdfViewerToolbar>
<telerik:RadPdfViewer x:Name="pdfViewer" Grid.Row="1" />
</Grid>
```

## See Also
- [PDF Viewer for .NET MAUI](https://docs.telerik.com/devtools/maui/controls/pdfviewer/overview)
- [Toolbar Control](https://docs.telerik.com/devtools/maui/controls/toolbar/overview)