Overflow not showing until window is resized

[Kyle Smith]

Hi,

 I have a kendo toolbar that has one static button. The rest are added via javascript that calls to web service to determine what buttons are to be made available. If the code adds too many buttons, I expect the overflow to appear, but it does not. The window must be resized and then the overflow appears.

I've made a demo to show the issue: http://dojo.telerik.com/OXUpA

Please let me know what I can do to get the overflow to appear immediately when it is needed.

[Iliana Dyankova]

Hi Kyle,

To achieve the expected result you should call the resize method. For your convenience here is the modified dojo.

Regards,
Iliana Nikolova
Telerik

 

 

[Aleksandar]

I have the same issues with the toolbar.

I have static items, I use AngularJS so in my case the toolbar is configured thought the options in Angular Controller.

And overflow content is not visible untill I resize the page.

 

Any ideas why?

 

P.S. I pass following configuration:

{
    template: "<select-all-rows-directive />",
attributes: { class: "toolbar-button" }
},
{
template: "<reset-all-grid-filters />",
attributes: { class: "toolbar-button" }
}

[Aleksandar]

It means that my items are directives.

Maybe it's because of the render order?

Maybe kendo renders toolbar before all my directives are rendered?

[Iliana Dyankova]

Hi Aleksandar,

I am not quite sure what causes the problem in your application. Could you please provide a dojo which I will be able to test on my side - this way I would be able to provide concrete recommendations? 

Regards,
Iliana Nikolova
Telerik