The toolbar component works perfectly for our application header requirements. But: the default styles (here material theme with grey background and drop shadow) does not make sense. While it's not a problem to work around it...
Please allow us to add custom CSS classes to toolbar component. Example:
Please make it possible to define the children of the kendo-toolbar-dropdownbutton in html.
It makes the using of the kendo-toolbar-dropdownbutton much easier.
Translation (i18n), Observables (asyn), additional directives are supported in markup but must be added with additional effort in code.
<kendo-toolbar> <kendo-toolbar-dropdownbutton [text]="'Paste Variations'"> <kendo-toolbar-button [text]="'Paste'" i18n-text (click)="onClick($event)" [disabled]="canPast$|async === false"></kendo-toobar-button> </kendo-toolbar-dropdownbutton> </kendo-toolbar>
We need to align the toolbar buttons to the right of the toolbar near by the overflow button. By default buttons are always aligned to the left.
It would be great to have an option like "alignment" with values "near" and "far" to align the buttons near to or far from the overflow button.
Please add the "overflow" property (like available in the jQuery counterpart) to the ToolBarToolComponent to determine whether the tool is initially pushed to the toolbar's overflow.
Should be useful to decide where to align every single button of the toolbar center/left/right (or at least every button in the toolbar left or right).
This feature should be granted combined with the overflow option, in order to have a responsive behavior.
Today the tollbar can be responsive - in this case it moves the items according the space in the screen.
We want to be able to hide the tools manually.
In our case, we want to move the tools to poup from specific screen width:
We'd appricate this feature!