Multiple Overflows within toolbar

3 posts, 0 answers
  1. Larissa
    Larissa avatar
    13 posts
    Member since:
    Jun 2014

    Posted 27 Mar 2017 Link to this post

    I have a dojo with a toolbar set up pretty nicely here:

    What we want to do is have multiple overflows.  So, for example, the first section would overflow into a section called File.  The second section would collapse into a section called Edit.  The third into a section called View.  Etc.  I attempted to make this work by putting toolbars within the toolbar but the overflow doesn't seem to work when it's put together this way

    Here's the dojo I put together attempting this:

  2. Ivan Danchev
    Ivan Danchev avatar
    2189 posts

    Posted 28 Mar 2017 Link to this post

    Hello Larissa,

    You can place ToolBars next to each other, thus creating different sections, however nesting them in another ToolBar, as in your dojo example where toolbars 1-4 are within "toolbar", is not supported and is to be avoided. You can use CSS to customize the way they are displayed on the page:
    .k-toolbar {
        width: 24%;
        float: right;

    Here's the modified dojo, in which the wrapping ToolBar is removed.

    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
    13 posts
    Member since:
    Jun 2014

    Posted 29 Mar 2017 in reply to Ivan Danchev Link to this post

    Thank you for this feedback.  Very helpful
Back to Top