Prevent flicker

4 posts, 0 answers
  1. Kevin
    Kevin avatar
    10 posts
    Member since:
    Jun 2014

    Posted 24 Dec 2015 Link to this post

    I've noticed that when I use the tabstrip, I often see the ul-li list elements briefly before the tabstrip is rendered.  Is there a general approach to prevent this flicker of the list before the tabstrip is rendered?
  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 25 Dec 2015 Link to this post

    Hello Kevin,

    I suppose the delay is about 1-2 seconds and then the TabStrip starts looking normally, is that correct? This phenomenon can occur due to different reasons. For example:

    - the Kendo UI Javascript files are registered after some other script files, which take time to evaluate or execute. In this case change the script files order
    - the widget initialization relies on some slow scripts to be executed first
    - the CSS stylesheets are registered in the <body>. Please move them to the <head>

    Regards,
    Dimiter Madjarov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Kevin
    Kevin avatar
    10 posts
    Member since:
    Jun 2014

    Posted 13 Jan Link to this post

    To work around this, I've hidden the div containing the list (ul-li elements) until after the kendo tabstrip has been initialized.  I just show a "loading" div in its place before the tabstrip is initialized.  This effectively solved the problem.
  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 14 Jan Link to this post

    Hello Kevin,

    Thank you for the update about the problem.

    Regards,
    Dimiter Madjarov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready