Any Vertical Tab Panel for Ext 4.1?

[h.wagner@telekom.de]

Is there any Vertical Tab Panel that works with Ext 4.1?

I couldn't find any .

Also strange that this functionality is not simply in the standard Ext 4.1, since the Ext.tab.Panel seems to support 'tabPosition': "top" and "bottom" but not "left" and "right" .

Thanks in advance.

[SunboX]

You could do something like this:

Ext.define('Ux.tab.VerticalPanel', {
    extend: 'Ext.tab.Panel',
    alias: 'widget.vertical-tabpanel',
    
    tabBar: {
        width: 140,
        minTabWidth: 130,
        maxTabWidth: 130,
        orientation: 'vertical'
    },
    tabPosition: 'right',
    
    plain: true
}); 

but you have to style it your own. :/ Sad, that Ext 4.1 doesn´t completely support vertical tabs.

greetings Sunny

[h.wagner@telekom.de]

You could do something like this:

Ext.define('Ux.tab.VerticalPanel', {
    extend: 'Ext.tab.Panel',
    alias: 'widget.vertical-tabpanel',
    
    tabBar: {
        width: 140,
        minTabWidth: 130,
        maxTabWidth: 130,
        orientation: 'vertical'
    },
    tabPosition: 'right',
    
    plain: true
}); 

but you have to style it your own. :/ Sad, that Ext 4.1 doesn´t completely support vertical tabs.

Thank you for your help.
I tried to style that for the different themes (normal and gray), or to simulate the tabs with Toolbar buttons and style them,
but all these doesn't seem to really work .
Overriding something (especially when CSS styles with "dynamic" names are also involved) seems very complicated with ExtJS .

One of the main problems is that Ext 4.1. does not come with the required build tools (ext ZIP has the /build directory almost empty) and also the docs how to build Ext 4.1. itself. That would allow to change some base Ext files and SASS files and "recompile" everything (and also send Sencha the patch) .