3.0 KiB
| title | page_title | description | slug | tags | published | position | previous_url |
|---|---|---|---|---|---|---|---|
| Tooltips | Tooltips at a Glance | Learn how to add tooltips to report elements in a Telerik Report as well as how to configure them in the Report Viewers. | telerikreporting/designing-reports/adding-interactivity-to-reports/tooltips | tooltips | True | 4 | /designing-reports-interactivity-tooltips |
Tooltips Overview
Tooltips are added since Telerik Reporting R1 2017. The feature allows you add custom text and title of a box displayed on hover of an element in a Telerik Report. All report viewers provide support for displaying tooltips in a report viewer’s native rendering technology. Tooltips are supported also in PDF files.
Settings in Reports
Each Report section and item has a Tooltip property where you can configure the Text you want to appear on hover. You can also specify a Title for the tooltip's box.
The Series collection of the [Graph item]({%slug telerikreporting/designing-reports/report-structure/graph/overview%}) also has support for tooltips.
Settings in Viewers
The HTML5-based Report Viewers, WinForms ReportViewer and WPF ReportViewer controls have ToolTipOpening events. In those events you can modify tooltips content:
-
HTML5 Report Viewer: [viewerToolTipOpening(e, args)]({%slug telerikreporting/using-reports-in-applications/display-reports-in-applications/web-application/html5-report-viewer/api-reference/reportviewer/events/viewertooltipopening(e,-args)%})
-
WPF ReportViewer control: ViewerToolTipOpening event.
-
WinForms ReportViewer control: ViewerToolTipOpening event.
note If you use the HTML5 Viewer, the new Tooltips functionality requires additional Kendo UI dependency. This dependency is included in the Kendo UI subset bundle provided by Telerik Reporting - telerikReportViewer.kendo-{{site.kendosubsetversion}}.min.js.
If you use a custom set of Kendo UI widgets, you can load kendo.tooltip.min.js of your version ({{site.kendosubsetversion}}+) of Kendo UI.
See Also
-
[Styling Tooltips in HTML5-based Report Viewers]({%slug styling-tooltips-in-html5-based-report-viewers%})
-
[How to add interactivity to a report using action event handlers in WPF Report Viewer]({%slug how-to-add-interactivity-to-a-report-using-action-event-handlers-in-wpf-report-viewer%})
-
[How to add interactivity to a report using action event handlers in HTML5-based report viewers]({%slug how-to-add-interactivity-to-a-report-using-action-event-handlers-with-html5-based-report-viewers%})
-
[How to add interactivity to a report using action event handlers in WinForms Report Viewer]({%slug how-to-add-interactivity-to-a-report-using-action-event-handlers-in-winforms-report-viewer%})