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

Multiple Overflows within toolbar

2 Answers 121 Views
Toolbar
This is a migrated thread and some comments may be shown as answers.
Larissa
Top achievements
Rank 1
Larissa asked on 27 Mar 2017, 03:25 PM

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

http://dojo.telerik.com/iKigI/2

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:

http://dojo.telerik.com/aBAPi/10

2 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 28 Mar 2017, 07:14 AM
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.

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.
0
Larissa
Top achievements
Rank 1
answered on 29 Mar 2017, 06:25 PM
Thank you for this feedback.  Very helpful
Tags
Toolbar
Asked by
Larissa
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Larissa
Top achievements
Rank 1
Share this question
or