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?
3 Answers, 1 is accepted
0
Dimiter Madjarov
Telerik team
answered on 25 Dec 2015, 08:01 AM
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!
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.
0
Dimiter Madjarov
Telerik team
answered on 14 Jan 2016, 08:50 AM
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!