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.3.24.1218.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 page 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 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 ListView 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-multiselect-combo - the default ComboBox 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 ListView editor for report parameters of any type with specified available values and limited to selecting a single value;
- trv-parameter-editor-available-values-combo - the default ComboBox 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 tooltip's content;
- trv-search-dialog - provides the default template for the search dialog;
- trv-send-email-dialog - provides the default template for the send email dialog;
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.