Hide buttons in HTML5 toolbar

2 posts, 0 answers
  1. Doug
    Doug avatar
    6 posts
    Member since:
    Jun 2017

    Posted 14 Mar 2018 Link to this post

    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

  2. Katia
    Admin
    Katia avatar
    760 posts

    Posted 19 Mar 2018 Link to this post

    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
Back to Top