gentzke
9 Nov 2007, 9:07 AM
This is a problem that has occurred for me several times. I am trying to use a TabPanel for a purely stylistic purpose. I simply want the look of the tab attached to a single *Panel object. Whenever I do this there is a problem with anything else to the right of the tabbed panel being pushed well out of the browsers visible space, forcing the user to scroll a couple screen widths over to see the content (and I am running 1440px).
When inspecting the style of the tab, specifically the .x-tab-strip and .x-tab-strip-top classes in ext-all.css, I noticed that their widths are defined as "width: 5000px;". Firebug and IE's developer toolbar allowed me to find that the tab's div indeed stretched for several screen lengths and then some, forcing any and all divs to the right of the tab's div over.
Anyone know why tabs have this style attribute or why using a single tab (I do admit it's not what tabs were designed for) would cause such design havoc?
When inspecting the style of the tab, specifically the .x-tab-strip and .x-tab-strip-top classes in ext-all.css, I noticed that their widths are defined as "width: 5000px;". Firebug and IE's developer toolbar allowed me to find that the tab's div indeed stretched for several screen lengths and then some, forcing any and all divs to the right of the tab's div over.
Anyone know why tabs have this style attribute or why using a single tab (I do admit it's not what tabs were designed for) would cause such design havoc?