PDA

View Full Version : Tab Images



Lloyd K
22 Nov 2007, 5:00 AM
With a TabPanel I set the iconCls for each panel, now when the tabPosition is at the top the tabs and icons render fine, however when tabPosition is bottom although they render they are rendered with padding to the left and the tabs sometimes have glitches.

Is this a known thing? Any workarounds?

Lloyd K
22 Nov 2007, 7:16 AM
Here is a screenshot to further show what the issue with.

http://www.lloydkinsella.net/forumbin/0007.png

Lloyd K
22 Nov 2007, 7:26 AM
Also, with tabs in the bottom position and enableTabScroll set to true, this error happens:



this.header has no properties
http://localhost/ext2/ext-all-debug.js
Line 18748

tryanDLS
22 Nov 2007, 7:48 AM
Did you look at the rendered HTML when the tabs are bottom vs top. Is it different? Is some other class being applied that's adding padding?

Bottom scrolling tabs are not supported - see the config doc.

Lloyd K
22 Nov 2007, 8:32 AM
Gah shoddy! :p Well the scrolling is not big issue anyhow but the icon thing is, following your advice I looked at the CSS thing and I can't see anything different, when top or bottom they both use x-tab-left, x-tab-right, x-tab-with-icon etc.

One different I did notice was with the classes saying if it was top or bottom:



--- Top ---

.x-tab-strip-top .x-tab-strip-active .x-tab-left {ext-all.css (line 103)
background-position:right -301px;
}

--- Bottom ---

.x-tab-strip-bottom .x-tab-left {ext-all.css (line 109)
padding:0pt 10px;
}

.x-tab-strip-bottom .x-tab-left {ext-all.css (line 106)
background:transparent url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat scroll left bottom;
}


So I'm not sure where exactly the issue is as I don't fully understand how it's rendered, is it the 10px throwing it off?

hendricd
22 Nov 2007, 8:47 AM
Gah, is right! shoulda looked (deeper) before leaping. ;)

I'll remove that post immediately !

Lloyd K
23 Nov 2007, 4:12 AM
I'm still fighting this issue, nothing I try seems to work :/