Manually trigger the resize event of the toolbar

[Vasim]

How do I trigger the resize event of the toolbar after hiding buttons or Template type items in the toolbar?

This does not seem to work:

 $("#TheToolBar").data("kendoToolBar").resize();

The only way to trigger the overflow items to show up is to size the window manually

[Alexander Valchev]

Hi Vasim,

Could you please provide a small Kendo Dojo example which demonstrates your exact scenario and implementation so I can examine it?
I am not sure how the buttons are hidden and what you expect to happen when resize is called. Currently I cannot say if the scenario is supported or not.

Regards,
Alexander Valchev
Telerik

 

 

[Vasim]

Hello Alexander,

Here is an example:
http://dojo.telerik.com/eVEH/8

Size the window so that the font  ([B]old/[I]talic/[U]nderline) buttons are in the overflow
Then hide the Information label, I want to trigger the toolbar resize event so that the [B][I][U] group shows in the toolbar, and go back to the overflow when the info label is visible

It works as expected when I size the browser window

[Alexander Valchev]

Hello Vasim,

Thank you for the example.
Please try to explicitly force the ToolBar resizing by passing a true boolean parameter to the resize method.

toggleHide = (function() {

    if ($('#toggleHide').is(":visible")) {
        $('#toggleHide').hide()
    } else {
        $('#toggleHide').show()
    }

    $("#toolbar").data("kendoToolBar").resize(true);

});

I hope this will help.

Regards,
Alexander Valchev
Telerik

 

 

[Vasim]

This works great

Thank you!