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

Hide tabs while Rendering

1 Answer 261 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Dave
Top achievements
Rank 1
Dave asked on 05 Mar 2012, 04:38 PM
I am using the TabStrip control in an ASP.NET user control to create a set of tabs for a Search/View/Report scenario.  Each action has a separate tab.  On the first tab is a set of search criteria, on the second tab is a grid with the results and on the third tab is a list of reports.  The problem that I am having is that after I search all three tab container controls appear momentarily and then disappear after the javascript is called to render the tabstrip.  Does anyone know a way to not make this information momentarily appear on the screen before the tabstrip is rendered?  Is there some client side event that is fired when the rendering is completed that I could hook into?  Any other thoughts?

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 06 Mar 2012, 01:26 PM
Hello Dave,

If you make an element with visibility: hidden (but not with display: none, it will still be rendered and can be measured (Kendo UI widgets can be initialized properly. So you can make the TabStrip initially with visibility: hidden and after initialization - remove the visibility property to show it.

Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TabStrip
Asked by
Dave
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or