Hello,
In the documentation for the Kendo jQuery ToolBar, there is support listed for button group 'items.buttons.toggle' if the button is of type button and has 'togglable' set to true. However, it seems that if that button group is set to "overflow: 'always'" the toggle method stops functioning, even if the button is listed as togglable.
I've recreated the issue in this dojo:
https://dojo.telerik.com/OPebOsEC/5
Is the toggle method unsupported for overflow buttons? If so, I can't find any reference to that in the documentation.
Thanks!
When a template item is configured and overflow is set to 'always', the item remains in the main part of the ToolBar (not in the overflow popup). The item is displayed in the oveflow popup only if its text is long e.g. it behaves as its overflow option is set to 'auto'
The template item is rendered either in the main part of the ToolBar or in the overflow popup, based on the ToolBar`s width
An item with overflow set to 'always' should be displayed always in the overflow popup.
The template element is rendered, but with the 'k-hidden' class. Remove the template from the configuration and set only the overflowTemplate. Subscribe to the overflowOpen event and remove the k-hidden class from the needed element:
overflowOpen: function(e){
setTimeout(function(){
$('.k-animation-container-shown .k-hidden').removeClass('k-hidden');
},500)
},
items: [
....
{
//template: "<div><label> Labels some text content text text text: </label><input id='labels' style='width: 150px;' /></div>",
overflowTemplate: "<div><label> Labels: </label><input id='labels' style='width: 150px;' /></div>",
overflow: "always"
}
]
Dojo - https://dojo.telerik.com/@NeliKondova/UMAvoDEg
When adding a new item in the ToolBar it is aligned on the right and before the overflow button.
New items are added on the right side and are placed after the overflow button.
New items should be rendered next to the already existing items and before the overflow button.