kendoMenu within toolbar

5 posts, 0 answers
  1. Larissa
    Larissa avatar
    10 posts
    Member since:
    Jun 2014

    Posted 30 Mar Link to this post

    We're revamping our toolbars, which you might have guessed by the volume of questions I'm posting on this forum.  In the past, we have often put kendoMenu controls within a kendoToolBar.  We've been able to make that work, but we've had to implement work arounds, especially when it comes to things like 508 compliance - feedback, keybinding - and we've also had issues with overflow not working properly.  We've ended up not using overflow as a result and now we want responsive toolbars.

     

    I'm just wanting to touch base and see if kendoMenu within kendoToolBar is more fully supported in the most recent version of kendo.  And if not, is there a recommended way of dealing with hierarchical data within a toolbar?

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1268 posts

    Posted 03 Apr Link to this post

    Hello Larissa,

    The Menu can be used in the ToolBar in a custom template. Here's a dojo example.

    Regards,
    Ivan Danchev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Larissa
    Larissa avatar
    10 posts
    Member since:
    Jun 2014

    Posted 03 Apr in reply to Ivan Danchev Link to this post

    Yes.  We have done this in the past with relative success.  However, in your demo there is no overflow.  Can this work in conjunction with the overflow?
  4. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1268 posts

    Posted 05 Apr Link to this post

    Hello Larissa,

    For items that have a template an overflowTemplate can be set. This allows to display the Menu in the ToolBar's overflow popup. Here's a link to the dojo example modified with an added overflowTemplate.

    Regards,
    Ivan Danchev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Larissa
    Larissa avatar
    10 posts
    Member since:
    Jun 2014

    Posted 05 Apr in reply to Ivan Danchev Link to this post

    This is very helpful.  Thanks
Back to Top