Messages
Reply to this message07:32 pm
3NC15WCCW
| From: | Rick Strahl |
| To: | Serge Grichmanoff |
So if it is a file size issue, what would you suggest?
Hide the panels initially (style="display:none").
+++ Rick ---
Hi Rick,
Your last point might be the key point. That is, lots of DIV's, lots of Grids - each with formatting. So the file may be large and there in-lies the issue perhaps. Naturally I tried to make sure with all that is going on the the tags where all closed properly (DIV,/DIV, etc) and they are; so perhaps its a file size issue...
So if it is a file size issue, what would you suggest?
Serge
You should set the styling for the initial tab divs to display:none:
<divclass="tabpage"><div><style> .tabpage { display: none; }</style>
Not sure why IE would do this differently tho. Do the tabs work in the other browsers? It sound more like there's a scripting problem.
The way this works is that when the tabs are renderd first they are made invisible except for the active one, but if your page is very large the script code doesn't run until the DOM's loaded so sometimes that may end up causing the unhidden panels to show briefly. Making them invisible on the page prevents that.
+++ Rick ---
I have a web form which has 6 tabs on it;
Each tabbed page, has a grid on it. Each tab page is identical in style.
IE9 is the only browser that has the correct behavior.
When I open the page in IE9, the form opens up properly with only the grid on the first tab being shown. Clicks also work properly where the pages and grids holds their expected states.
In Google-Chrome and Mozilla-Firefox, when I open the page, ALL the grids from all the tab-DIV's are shown. It is only when you click on one of the tabs does the page appear to render correctly; except that when you click on the grid pager, the page reforms itself and all the grids are shown again.
DOES ANYONE KNOW WHAT CAUSES THIS BIZARRE BEHAVIOR WITH TABS SHOWING ALL CONTENTS AT THE START, ALONG WITH WEIRD GRID BEHAVIOR.
Additional Information: the page is itself broken down into 2 portions via div tags splitting the page where one portion floats left and the other floats right. The tabs are in the right div.
Thanks everyone,
Serge
West Wind Technologies
Making waves on the Web
