This is a migrated thread and some comments may be shown as answers.

Hide buttons in HTML5 toolbar

1 Answer 140 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Doug
Top achievements
Rank 1
Doug asked on 14 Mar 2018, 03:01 PM

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

1 Answer, 1 is accepted

Sort by
0
Katia
Telerik team
answered on 19 Mar 2018, 12:02 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Doug
Top achievements
Rank 1
Answers by
Katia
Telerik team
Share this question
or