Prevent flicker

Kevin

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?

Dimiter Madjarov

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>

Kevin

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.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks or appropriate markings.