New to Telerik Reporting? Download free 30-day trial

Templates Structure of the HTML5 Report Viewer

The article elaborates on the templates included in the HTML template file of the HTML5 Report Viewer.

By default the HTML5 Report Viewer does not have any content; instead the entire markup is provided through templates.

All report viewer templates are supplied by a single page markup:

ReportViewer/templates/telerikReportViewerTemplate-18.0.24.305.html

The templates are recognized by well-known identifiers supplied by the id attribute. These templates are:

  • trv-report-viewer - provides the base viewer markup. The default viewer template contains a pages area, a document map, a parameters area, a large menu when displaying on desktop browsers and a small menu and a side menu optimized for the mobile browsers;
  • trv-parameter - provides the default markup for the report parameter editors including the title, error message box and the editor itself;
  • trv-parameter-editor-available-values-multiselect - the default editor for report parameters of any type with specified available values and an option to select more than one value;
  • trv-parameter-editor-available-values - the default editor for report parameters of any type with specified available values and limited to selecting a single value;
  • trv-parameter-editor-datetime - the default editor for date-time report parameters;
  • trv-parameter-editor-text - the default editor for string report parameters;
  • trv-parameter-editor-number - the default editor for numeric (integer, float) report parameters;
  • trv-parameter-editor-boolean - the default editor for boolean report parameters;
  • trv-parameter-editor-multivalue - the default editor for report parameters of any type that allows users to input one or more values;
  • trv-pages-area-kendo-tooltip - provides the default markup for the tooltips content;

All templates depend on the HTML5 Report Viewer and Kendo UI css styles for the styling and appearance.

The default templates distributed with the Telerik HTML5 Report Viewer provide a base (reference) implementation of the report viewer’s content that can be modified according to the needs.

In this article