Hide buttons in HTML5 toolbar

[Doug]

In my current project, ASP.NET Core 2 (on full .Net framework), users will have no use for the Navigate backward, Navigate forward, Toggle parameters, Toggle document buttons. These are disabled but I would like to remove them from the toolbar. Do you have an example on how to do this?

Thanks

[Katia]

Hello Doug,

Toolbar buttons can be hidden using custom CSS rules or JavaScript, for example:

$("#reportViewer1")
               .telerik_ReportViewer({
                   serviceUrl: "api/reports/",
                   ...
                   ready: function () {
                       $("[data-command*='telerik_ReportViewer_historyBack']").parent().hide();
                   }
               });

The above code will hide Navigate Back button using the callback function set as viewer's ready option.

Another approach is to use a custom HTML template for the viewer instead of the default one, for more details about this approach please check this help article.


Regards,
Katia
Progress Telerik