Event on OverFlow Button Clicked Kendo Angular ToolBar

2 posts, 0 answers
  1. Anil
    Anil avatar
    3 posts
    Member since:
    Jun 2017

    Posted 15 Nov 2019 Link to this post

    I am using kendo angular Toolbar. In Jquery version they have event for overflow button clicked. But i didnt find for Angular. Any way we can achieve it.

    Angular: https://www.telerik.com/kendo-angular-ui/components/toolbar/responsive-toolbar/
    jQuery: https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar/events/overflowopen

    I need to preventDefault because my webpage is getting refreshed on click of overflow button.

  2. Svetlin
    Admin
    Svetlin avatar
    448 posts

    Posted 19 Nov 2019 Link to this post

    Hi Amit,

    I believe that the provided information within ticket 1442633 helps to resolve that issue.

    Indeed, the Kendo UI for Angular Toolbar exposes an (open) event that is fired each time the overflow button is clicked. That event's behavior can be further prevented by calling eventPreventDefault() on it as demonstrated in the following example:

    https://stackblitz.com/edit/angular-wpnjck?file=app/app.component.ts

    However, the effect will be that the overflow popup is no longer opened upon clicking the overflow button.

    Please let me know in case I can provide any further information on this case. Thank you in advance.

    Regards,
    Svetlin
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top