Adding Tooltip to Toolbar Items in PDF Viewer for .NET MAUI

Environment

Version	Product	Author
11.0.0	Telerik UI for .NET MAUI PDF Toolbar	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:

<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
• Toolbar Control