This is a migrated thread and some comments may be shown as answers.

Prevent flicker

3 Answers 372 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 1
Kevin asked on 24 Dec 2015, 05:04 PM
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

Sort by
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!
 
1
Kevin
Top achievements
Rank 1
answered on 13 Jan 2016, 05:08 PM
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!
 
Tags
TabStrip
Asked by
Kevin
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Kevin
Top achievements
Rank 1
Share this question
or