@progress/telerik-react-report-viewer

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Telerik HTML5 Report Viewer Templates</title>  <link href="{service}resources/font/fonticons-18.2.24.924.css/" rel="stylesheet" /> <link href="{service}resources/styles/telerikReportViewer-18.2.24.924.css/" rel="stylesheet" /> </head> <body> <template id="trv-parameter"> <div class='trv-parameter-container k-content'> <div class='trv-parameter-header k-header'> <div class='trv-parameter-title'></div> </div> <div class='trv-parameter-error k-tooltip-validation k-widget'> <span class='k-icon k-i-warning k-warning'></span> <span class='trv-parameter-error-message'></span> </div> <div class='trv-parameter-value'></div> </div> </template> <template id="trv-parameter-editor-available-values-multiselect"> <div class="trv-parameter-editor-available-values-multiselect"> <div class="trv-parameter-actions k-content"> <a class="trv-select-all k-link" href="#">parameterEditorSelectAll</a> <a tabindex="-1" class="trv-select-none k-link" href="#">parameterEditorSelectNone</a> </div> <div class="trv-list"></div> </div> </template> <template id="trv-parameter-editor-available-values-multiselect-combo"> <div class="trv-parameter-editor-available-values-multiselect"> <div class="trv-parameter-actions k-content"> <a class="trv-select-all k-link" href="#">parameterEditorSelectAll</a> <a tabindex="-1" class="trv-select-none k-link" href="#">parameterEditorSelectNone</a> </div> <div class="trv-combo"></div> </div> </template> <template id="trv-parameter-editor-available-values"> <div class="trv-parameter-editor-available-values"> <div class="trv-parameter-actions k-content"> <a tabindex="-1" class="trv-select-none k-link" href="#">parameterEditorSelectNone</a> </div> <div class="trv-list" id="trv-parameter-editor-singleselect-list"></div> </div> </template> <template id="trv-parameter-editor-available-values-combo"> <div class="trv-parameter-editor-available-values"> <div class="trv-parameter-actions k-content"> <a tabindex="-1" class="trv-select-none k-link" href="#">parameterEditorSelectNone</a> </div> <div class="trv-combo" id="trv-parameter-editor-singleselect-combo"></div> </div> </template> <template id="trv-parameter-editor-datetime"> <input type="datetime" class="k-textbox k-input k-input-md k-rounded-md trv-parameter-editor-datetime" /> </template> <template id="trv-parameter-editor-text"> <input type="text" class="k-textbox k-input k-input-md k-rounded-md trv-parameter-editor-text" /> </template> <template id="trv-parameter-editor-number"> <input type="number" step="any" class="k-textbox k-input k-input-md k-rounded-md trv-parameter-editor-number" /> </template> <template id="trv-parameter-editor-boolean"> <span class="k-checkbox-wrap"><input type="checkbox" class="k-checkbox trv-parameter-editor-boolean" /></span> </template> <template id="trv-parameter-editor-multivalue"> <div class="trv-parameter-editor-multivalue"> <textarea class="k-textarea k-input k-input-md k-rounded-md"></textarea> </div> </template> <template id="trv-report-viewer"> <div class="trv-report-viewer"> <div tabindex="3" class="trv-side-menu k-content" data-role="telerik_ReportViewer_SideMenu"> <ul tabindex="3" aria-label="ariaLabelSideMenu"> <li aria-label="ariaLabelMenuNavigateBackward"><a data-command="telerik_ReportViewer_historyBack" title="menuNavigateBackwardTitle" href="#"><i class="k-icon k-i-undo"></i><span>menuNavigateBackwardText</span></a></li> <li aria-label="ariaLabelMenuNavigateForward"><a data-command="telerik_ReportViewer_historyForward" title="menuNavigateForwardTitle" href="#"><i class="k-icon k-i-redo"></i><span>menuNavigateForwardText</span></a></li> <li aria-label="ariaLabelMenuStopRendering"><a data-command="telerik_ReportViewer_stopRendering" href="#" title="menuStopRenderingTitle"><i class="k-icon k-i-x"></i><span>menuStopRenderingText</span></a></li> <li aria-label="ariaLabelMenuRefresh"><a data-command="telerik_ReportViewer_refresh" href="#" title="menuRefreshTitle"><i class="k-icon k-i-refresh"></i><span>menuRefreshText</span></a></li> <li aria-label="ariaLabelMenuFirstPage"><a data-command="telerik_ReportViewer_goToFirstPage" title="menuFirstPageTitle" href="#"><i class="k-icon k-i-arrow-double-60-left"></i><span>menuFirstPageText</span></a></li> <li aria-label="ariaLabelMenuLastPage"><a data-command="telerik_ReportViewer_goToLastPage" title="menuLastPageTitle" href="#"><i class="k-icon k-i-arrow-double-60-right"></i><span>menuLastPageText</span></a></li> <li aria-label="ariaLabelMenuPrint"><a data-command="telerik_ReportViewer_print" title="menuPrintTitle" href="#"><i class="k-icon k-i-print"></i><span>menuPrintText</span></a></li> <li aria-label="ariaLabelMenuSendMail"><a data-command="telerik_ReportViewer_toggleSendEmailDialog" title="menuSendMailTitle" href="#"><i class="k-icon k-i-email"></i><span>menuSendMailText</span></a></li> <li aria-label="ariaLabelMenuExport" id="trv-side-menu-export-command"> <a title="menuExportTitle" href="#" data-command="telerik_ReportViewer_export"> <i class="k-icon k-i-download"></i> <span>menuExportText</span> </a> <ul data-command-list="export-format-list"></ul> </li> <li aria-label="ariaLabelMenuPrintPreview"><a data-command="telerik_ReportViewer_togglePrintPreview" title="menuPrintPreviewTitle" href="#"><i class="k-icon k-i-file"></i><span>menuPrintPreviewText</span></a></li> <li aria-label="ariaLabelMenuSearch"><a data-command="telerik_ReportViewer_toggleSearchDialog" title="menuSearchTitle" href="#"><i class="k-icon k-i-search"></i><span>menuSearchText</span></a></li> </ul> </div> <div class="trv-content-wrapper k-content"> <div class="trv-nav k-widget"> <ul tabindex="1" aria-label="ariaLabelMainMenu" class="trv-menu-large" data-role="telerik_ReportViewer_MainMenu"> <li aria-label="ariaLabelMenuNavigateBackward"><a data-command="telerik_ReportViewer_historyBack" title="menuNavigateBackwardTitle" href="#"><i class="k-icon k-i-undo"></i></a></li> <li aria-label="ariaLabelMenuNavigateForward"><a data-command="telerik_ReportViewer_historyForward" title="menuNavigateForwardTitle" href="#"><i class="k-icon k-i-redo"></i></a></li> <li aria-label="ariaLabelMenuStopRendering"><a data-command="telerik_ReportViewer_stopRendering" title="menuStopRenderingTitle" href="#"><i class="k-icon k-i-x"></i></a></li> <li aria-label="ariaLabelMenuRefresh"><a data-command="telerik_ReportViewer_refresh" href="#" title="menuRefreshTitle"><i class="k-icon k-i-refresh"></i></a></li> <li aria-label="ariaLabelMenuFirstPage"><a data-command="telerik_ReportViewer_goToFirstPage" title="menuFirstPageTitle" href="#"><i class="k-icon k-i-arrow-double-60-left"></i></a></li> <li aria-label="ariaLabelMenuPreviousPage"><a data-command="telerik_ReportViewer_goToPrevPage" title="menuPreviousPageTitle" href="#"><i class="k-icon k-i-seek-w"></i></a></li> <li aria-label="ariaLabelMenuPageNumber" title="menuPageNumberTitle" class="trv-report-pager"> <input data-role="telerik_ReportViewer_PageNumberInput" type="number" /> <span> / </span> <span data-role="telerik_ReportViewer_PageCountLabel"></span> </li> <li aria-label="ariaLabelMenuNextPage"><a data-command="telerik_ReportViewer_goToNextPage" title="menuNextPageTitle" href="#"><i class="k-icon k-i-seek-e"></i></a></li> <li aria-label="ariaLabelMenuLastPage"><a data-command="telerik_ReportViewer_goToLastPage" title="menuLastPageTitle" href="#"><i class="k-icon k-i-arrow-double-60-right"></i></a></li> <li class="trv-menu-toggleable" aria-label="ariaLabelMenuPrintPreview"><a data-command="telerik_ReportViewer_togglePrintPreview" title="menuPrintPreviewTitle" href="#"><i class="k-icon k-i-file"></i></a></li> <li aria-label="ariaLabelMenuExport" id="trv-main-menu-export-command"> <a title="menuExportTitle" href="#" data-command="telerik_ReportViewer_export"> <i class="k-icon k-i-download"></i>  </a> <ul data-command-list="export-format-list" id="trv-main-menu-export-format-list"></ul> </li> <li aria-label="ariaLabelMenuPrint"><a data-command="telerik_ReportViewer_print" title="menuPrintTitle" href="#"><i class="k-icon k-i-print"></i></a></li> <li class="trv-menu-toggleable" aria-label="ariaLabelMenuSendMail"><a data-command="telerik_ReportViewer_toggleSendEmailDialog" title="menuSendMailTitle" href="#"><i class="k-icon k-i-email"></i></a></li> <li class="trv-menu-toggleable" aria-label="ariaLabelMenuDocumentMap"><a data-command="telerik_ReportViewer_toggleDocumentMap" title="menuDocumentMapTitle" href="#"><i class="k-icon k-i-dictionary-add"></i></a></li> <li class="trv-menu-toggleable" aria-label="ariaLabelMenuParametersArea"><a data-command="telerik_ReportViewer_toggleParametersArea" title="menuParametersAreaTitle" href="#"><i class="k-icon k-i-filter"></i></a></li> <li aria-label="ariaLabelMenuZoomIn"><a title="menuZoomInTitle" href="#" data-command="telerik_ReportViewer_zoomIn"><i class="k-icon k-i-zoom-in"></i></a></li> <li aria-label="ariaLabelMenuZoomOut"><a title="menuZoomOutTitle" href="#" data-command="telerik_ReportViewer_zoomOut"><i class="k-icon k-i-zoom-out"></i></a></li> <li class="trv-menu-toggleable" aria-label="ariaLabelMenuPageState"><a title="menuPageStateTitle" href="#" data-command="telerik_ReportViewer_toggleZoomMode"><i class="k-icon k-i-toggle-full-screen-mode"></i></a></li> <li class="trv-menu-toggleable" aria-label="ariaLabelMenuSearch"><a title="menuSearchTitle" href="#" data-command="telerik_ReportViewer_toggleSearchDialog"><i class="k-icon k-i-search"></i></a></li> </ul> <ul tabindex="2" aria-label="ariaLabelCompactMenu" class="trv-menu-small" data-role="telerik_ReportViewer_MainMenu"> <li aria-label="ariaLabelMenuSideMenu"><a data-command="telerik_ReportViewer_toggleSideMenu" title="menuSideMenuTitle" href="#"><i class="k-icon k-i-reorder"></i></a></li> <li aria-label="ariaLabelMenuPreviousPage"><a data-command="telerik_ReportViewer_goToPrevPage" title="menuPreviousPageTitle" href="#"><i class="k-icon k-i-seek-w"></i></a></li> <li aria-label="ariaLabelMenuPageNumber" title="menuPageNumberTitle" class="trv-report-pager"> <input data-role="telerik_ReportViewer_PageNumberInput" type="number" /> <span> / </span> <span data-role="telerik_ReportViewer_PageCountLabel"></span> </li> <li aria-label="ariaLabelMenuNextPage"><a data-command="telerik_ReportViewer_goToNextPage" title="menuNextPageTitle" href="#"><i class="k-icon k-i-seek-e"></i></a></li> <li class="trv-menu-toggleable" aria-label="ariaLabelMenuDocumentMap"><a data-command="telerik_ReportViewer_toggleDocumentMap" title="menuDocumentMapTitle" href="#"><i class="k-icon k-i-dictionary-add"></i></a></li> <li class="trv-menu-toggleable" aria-label="ariaLabelMenuParametersArea"><a data-command="telerik_ReportViewer_toggleParametersArea" title="menuParametersAreaTitle" href="#"><i class="k-icon k-i-filter"></i></a></li> </ul> </div> <div class="trv-content trv-parameters-splitter" role="form"> <div class="trv-content trv-document-map-splitter" role="form"> <div data-id="trv-document-map" class="trv-document-map k-widget" data-role="telerik_ReportViewer_DocumentMapArea"> <div tabindex="200" class="trv-document-map-overlay" role="navigation" aria-label="ariaLabelDocumentMap"></div> </div> <div data-id="trv-pages-area" class="trv-pages-area k-widget" tabindex="1000" data-role="telerik_ReportViewer_PagesArea" role="main" aria-label="ariaLabelPagesArea"> <div class='trv-page-container'> <div class='trv-page-wrapper active'></div> </div> <div class='trv-error-pane'> <div class="trv-centered k-tooltip-validation k-widget"> <div class='trv-error-message'></div> </div> <div style="clear: both;"></div> </div> </div> </div> <div data-id="trv-parameters-area" class="trv-parameters-area k-widget" data-role="telerik_ReportViewer_ParametersArea"> <div tabindex="300" class='trv-parameters-area-content' role="complementary"></div> <div class='trv-parameters-area-footer'> <button tabindex="399" aria-label="ariaLabelParametersAreaPreviewButton" class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary trv-parameters-area-preview-button'>parametersAreaPreviewButton</button> </div> <div class='trv-error-pane k-tooltip-validation k-widget'> <div class='trv-error-message'></div> </div> <div class="trv-parameters-area-overlay"></div> </div> </div> <div tabindex="400" class="trv-search-dialog k-widget trv-hidden" data-role="telerik_ReportViewer_SearchDialog" aria-label="ariaLabelSearchDialogArea"> <div class="trv-search-window trv-window"> <p data-role="telerik_ReportViewer_SearchDialog_CaptionLabel" class="trv-search-dialog-caption-label">searchDialogCaptionText</p> <div class='trv-search-dialog-input-area' role="search"> <input class='k-input k-input-md k-rounded-md trv-search-dialog-input-box' /> <ul class="trv-search-dialog-stopsearch-placeholder"> <li><a data-command="telerik_ReportViewer_searchDialog_StopSearch" title="searchDialogStopTitle" aria-label="ariaLabelSearchDialogStop" href="#"><i class="k-icon k-i-x"></i></a></li> </ul> </div> <ul aria-label="ariaLabelSearchDialogOptions" class="trv-search-dialog-search-options"> <li class="k-button k-button-solid k-button-solid-base"> <a data-command="telerik_ReportViewer_searchDialog_MatchCase" title="searchDialogMatchCaseTitle" aria-label="ariaLabelSearchDialogMatchCase" href="#"> <i class="t-font-icon k-icon t-i-search-match-case"></i> </a> </li> <li class="k-button k-button-solid k-button-solid-base"> <a data-command="telerik_ReportViewer_searchDialog_MatchWholeWord" title="searchDialogMatchWholeWordTitle" aria-label="ariaLabelSearchDialogMatchWholeWord" href="#"> <i class="t-font-icon k-icon t-i-search-match-whole-word"></i> </a> </li> <li class="k-button k-button-solid k-button-solid-base"> <a data-command="telerik_ReportViewer_searchDialog_UseRegex" title="searchDialogUseRegexTitle" aria-label="ariaLabelSearchDialogUseRegex" href="#"> <i class="t-font-icon k-icon t-i-search-use-regex"></i> </a> </li> <li> <i data-role="telerik_ReportViewer_SearchDialog_Error" class="t-font-icon k-icon t-i-search-error"></i> </li> </ul> <div class="trv-search-dialog-results"> <span class="trv-search-dialog-results-label"></span> <ul class="trv-search-dialog-navigational-buttons"> <li><a data-command="telerik_ReportViewer_searchDialog_NavigateUp" title="searchDialogNavigateUpTitle" aria-label="ariaLabelSearchDialogNavigateUp" href="#"><i class="t-font-icon k-icon t-i-search-navigate-up"></i></a></li> <li><a data-command="telerik_ReportViewer_searchDialog_NavigateDown" title="searchDialogNavigateDownTitle" aria-label="ariaLabelSearchDialogNavigateDown" href="#"><i class="t-font-icon k-icon t-i-search-navigate-down"></i></a></li> </ul> </div> <div class='trv-search-dialog-results-area' role="list"> </div> </div> </div> <div tabindex="401" class="trv-send-email-dialog k-widget trv-hidden" data-role="telerik_ReportViewer_SendEmail" aria-label="ariaLabelSendEmailDialogArea"> <div class="trv-send-email-window trv-window"> <div class="k-form k-form-horizontal trv-send-email-fields"> <div class="k-form-field trv-send-email-field"> <label for="from" class="k-form-label trv-replace-string">sendEmailFromLabel</label> <span class="k-form-field-wrap"> <input name="from" autofocus class='k-textbox k-input k-input-solid k-input-md k-rounded-md trv-input-box' aria-label="ariaLabelSendEmailFrom" data-required-msg="sendEmailValidationEmailRequired" data-email-msg="sendEmailValidationEmailFormat" data-single-email-msg="sendEmailValidationSingleEmail" type="email" /> <span class="k-form-error k-invalid-msg" data-for="from"></span> </span> </div> <div class="k-form-field trv-send-email-field"> <label for="to" class="k-form-label trv-replace-string">sendEmailToLabel</label> <span class="k-form-field-wrap"> <input name="to" class='k-textbox k-input k-input-solid k-input-md k-rounded-md trv-input-box' aria-label="ariaLabelSendEmailTo" data-required-msg="sendEmailValidationEmailRequired" data-email-msg="sendEmailValidationEmailFormat" type="email" /> <span class="k-form-error k-invalid-msg" data-for="to"></span> </span> </div> <div class="k-form-field trv-send-email-field"> <label for="cc" class="k-form-label trv-replace-string">sendEmailCCLabel</label> <span class="k-form-field-wrap"> <input name="cc" class='k-textbox k-input k-input-solid k-input-md k-rounded-md trv-input-box' type="email" aria-label="ariaLabelSendEmailCC" data-email-msg="sendEmailValidationEmailFormat" /> <span class="k-form-error k-invalid-msg" data-for="cc"></span> </span> </div> <div class="k-form-field k-form-field trv-send-email-field"> <label for="subject" class="k-form-label trv-replace-string">sendEmailSubjectLabel</label> <span class="k-form-field-wrap"> <input name="subject" aria-label="ariaLabelSendEmailSubject" class='k-textbox k-input k-input-solid k-input-md k-rounded-md trv-input-box' type="text" /> </span> </div> <div class="k-form-field trv-send-email-field"> <label for="format" class="k-form-label trv-replace-string">sendEmailFormatLabel</label> <span class="k-form-field-wrap"> <input name="format" aria-label="ariaLabelSendEmailFormat" data-required-msg="sendEmailValidationFormatRequired" class='trv-input-box' type="text" /> <span class="k-form-error k-invalid-msg" data-for="format"></span> </span> </div> <div class="k-form-field trv-send-email-editor"> <div class="k-form-field-wrap"> <textarea class="trv-send-email-editor"></textarea> </div> </div> <div class="k-actions k-actions-end trv-send-email-actions"> <button class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary trv-replace-string" data-command="telerik_ReportViewer_sendEmail_Send" aria-label="ariaLabelSendEmailSend" title="ariaLabelSendEmailSend">sendEmailSendLabel</button> <button class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base trv-replace-string" data-command="telerik_ReportViewer_sendEmail_Cancel" aria-label="ariaLabelSendEmailCancel" title="ariaLabelSendEmailCancel">sendEmailCancelLabel</button> </div> </div> </div> </div> </div> </div> </template> <template id="trv-pages-area-kendo-tooltip"> <div class="trv-pages-area-kendo-tooltip"> <div class="trv-pages-area-kendo-tooltip-title"></div> <div class="trv-pages-area-kendo-tooltip-text"></div> </div> </template> </body> </html>