Kendo loading behavior on a MVC view

[Shafi]

Hi!

I'm working on a rather large page and I notice that the page loads up with ugly controls and then the browser window hangs for a second or two and controls start converting to kendo. And once the whole page is ready, there is still some delay before inputs start accepting text or interaction. Is there a way/best practice to load up kendo faster or pre-cook? If not at least put up view (page) sized loading spinner until page finalizes. I'm assuming something in Kendo Framework would trigger a call back once everything is settled.

Thanks.

[Dimiter Topalov]

Hi Shafi,

When there are too many controls on the page the described delay is expected. You can show a loading GIF and overlay over the whole page (or any selected element) via the kendo.ui.progress() method:

http://docs.telerik.com/kendo-ui/api/javascript/ui/ui#methods-progress

Depending on the specific scenario, the dataBound event of the last initialized widget can be used for hiding the overlay.

On a side note, the initial loading of data bound widgets can be accelerated by setting autoBind to false, and loading the data on demand, e.g.:

http://dojo.telerik.com/eKISU

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress