Opening several windows at once smoothness

[Jordon]

Hi,

I have a site where it is possible up to 15 kendo windows could open all at once. And I have noticed a decrease in animation quality once we go past 5-6 windows.
I understand why this occurs, what I am wondering is if there is a better way for me to open these windows. 

Mainly there is one time when so many windows will open at once, and once more when a user leaves (the windows close).

Is there something I can do to help keep this animation smoother when so many are coming on at once?

How could I open one at a time? Open 1, wait until its animation is completely finished, then open the next? I know that 'activate', according to the documentation, is called once the animation is complete but it does not seem that way, but maybe that is do to something else I am doing.


Thanks

[Dimo]

Hi Jordon,

I am not aware what justifies the need to open 15 popups at once, but generally, you could chain the opening animations by opening (closing) every next Window in the previous Window's activate (deactivate) event.

http://docs.kendoui.com/api/web/window

http://demos.kendoui.com/web/window/events.html

Alternatively, you can try a witty hack - use appendTo to append all Window instances to a container element, which is absolutely positioned over all other page content and is hidden with visibility:hidden. When all Window instances have been created, animate and show their container. In this way you will be using a single animation (e.g. fade in/out) and performance should improve considerably.

http://docs.kendoui.com/api/web/window#configuration-appendTo

Regards,
Dimo
Telerik

[Jordon]

Thank you for the quick response.

Our site uses a Dashboard layout where each window represents a view of different information or actions where the user can customize where and how that information is displayed within those windows. We limit the number of 'widgets' to 15. So they aren't 'popups', they are draggable/resizable viewports.

Any way thank you for your answers. I am afraid I am not sure how to utilize the first option as they are in an array, and other windows may come or go at individual times later. I am also using Knockout to open/position/ and populate those windows, so I will have to do some digging to see how I could get that to do what I want.

As for the second option, that does seem feasible, unfortunately the basic fadeIn fadeOut looks a little boring. Could you detail the animation to do the default window close animation? 

[Dimo]

Hello Jordon,

For the custom Window container you can use any jQuery animation that you like.

http://api.jquery.com/animate/

If you prefer using Kendo UI animations, please refer to our documentation and demos.

http://docs.kendoui.com/api/framework/fx/zoom

http://demos.kendoui.com/web/fx/zoom.html

A specific Window widget animation configuration can be made as well, although the discussed scenario does not imply doing that (however, you can disable Window animations):

http://docs.kendoui.com/api/web/window#configuration-animation

Regards,
Dimo
Telerik