Kendo loading behavior on a MVC view

2 posts, 0 answers
  1. Shafi
    Shafi avatar
    44 posts
    Member since:
    Dec 2014

    Posted 22 Aug Link to this post

    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.

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    349 posts

    Posted 24 Aug Link to this post

    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
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  3. Kendo UI is VS 2017 Ready
Back to Top