21 Oct 2010 8:22 AM #1
Vertical Tab Panel - Updated to work w ExtJS 3.3
I created this extension called Vertical TabPanel since Ext 3.1.1. As ExtJS currently just supports Horizontal TabPanel.
Basically this extension works the same way as the regular horizontal TabPanel except I added some CSS tweaks to push the Tab strip to the left.
I think this is quite useful in many projects.
Extension v0.2 updated to work with ExtJS 3.3.
Tested working on IE6+, FF2+, Chrome 4+, Safari 4+, and Opera 10.x
Check out the live example here
Download the whole example ( put files in folder : ext-3.3.0\examples\tabs )
Download the extension code only
21 Oct 2010 5:35 PM #2
21 Oct 2010 6:30 PM #3
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Wonder if you could use CSS3 transforms to rotate the tab so it's actually vertical. CSS3 would rotate the text too. You could see if the browser supports it or not. If it does, rotate it. If not, then use what you have now.
Just a thought.Mitchell Simoens @LikelyMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
21 Oct 2010 10:57 PM #4
23 Oct 2010 1:47 AM #5
Thank you guys !
@mitchellsimoen: Yeah, nice idea. I think I could add that functionality to the extension.. but not sure if that's a bit too funky for majority of desktop-like web apps.
@demon222: yeah, usually the height of each tab title is fixed, so currently, I leave the tab strip cut off if its size is larger than the whole panel's height. I will add some scroller like that of Ext.TabPanel.
Putting the tab strip on the right would be straight forward..but I think we don't have that many use cases for that tab style, do we ?
31 Oct 2010 5:26 AM #6
good work !! thank to share
but It work on 3.2 ??
31 Oct 2010 8:03 AM #7
25 Feb 2011 1:42 AM #8
great plugin! This is exactly what I'm looking for, but I need the Tab-Strips on the right side. Otherwise I can't use it.
It seems that this is still not possible? Can this be done? I think this would be a very good improvement and makes this plugin much more useful in many cases.
27 Feb 2011 5:52 PM #9
28 Feb 2011 1:27 AM #10
great extension, thanks a lot for sharing tot2ivn.."People will never forget how you made them feel."
By koala.lam in forum Ext 3.x: Help & DiscussionReplies: 1Last Post: 21 Oct 2010, 8:39 AM
By paopao in forum Ext GWT: Help & Discussion (1.x)Replies: 0Last Post: 17 Feb 2009, 2:20 PM
By paopao in forum Ext 2.x: Help & DiscussionReplies: 1Last Post: 17 Feb 2009, 1:33 PM
By elnove in forum Ext 2.x: Help & DiscussionReplies: 8Last Post: 3 Aug 2008, 12:37 PM