PDA

View Full Version : Overlapping Tabs in 4.0.7 (just like Sencha Docs)



neurodon
14 Feb 2012, 11:36 AM
Hey everyone,

I am trying to produce the same overlapping tab effect that Sencha docs has on its top tab bar. I got the code working fine with the 4.1 layout engine, i just threw a "margin-left:-20px" on to each tab. However, because of stability issues I have to use 4.0.7 and it seems the layout engine handles differently in that version. Each tab has an auto-computed "left" CSS style that overrides any attempt to manually position the tab.

Is there a quick way to override that functionality in 4.0.7's layout engine?

Thanks!

Brandon

mitchellsimoens
14 Feb 2012, 11:41 AM
Have you tried using the margin config on the Ext.tab.Tab component?