Blazor Tooltip Example - Custom Templates

Tooltip / Template

This sample demonstrates the template functionalities of the Blazor Tooltip component. It will open by hovering or touch-hold action on the Toolbar items.

Loading Syncfusion Blazor Server Demos…

This sample illustrates the way to display the template content on the tooltip. With the usage of Content property, the user can format and structure the HTML content to be displayed on the tooltip as per their application needs.

In this sample, the Tooltip is integrated with the Toolbar component to display the respective icon’s information. Here, the HTML template design is compiled and then the resultant output display is directly assigned to the Content property of the Tooltip. The template compilation process needs to be done in the OnRender event of the Tooltip.

More information about setting template content on the Tooltip can be found in the documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE