[PR4] Setting 'scrollable' on TabPanel has no effect

[lovingood]

This code doesn't work as described in documentation

Ext.define('app.view.Main', {
    extend: 'Ext.Container',
    config: {
        items: [
            {
                xtype: 'tabpanel',

                scrollable: {
                    direction: 'horizontal'
                },

                items: [
                { // ..........................

[Jamie Avins]

Thank you for the report.

[rdougan]

This is a documentation error. You cannot set scrollable on a TabPanel. Instead, you set scrollable on any items within that tab panel that you want to scroll.

Something like this:

Ext.Viewport.add({
    xtype: 'tabpanel',
    items: [
        {
            title: 'one',
            html: 'one',
            scrollable: true
        },
        {
            title: 'two',
            html: 'two'
        }
    ]
});

Thanks!

[lovingood]

Hi, and thank you for the fast replies.
Im not sure if Robert understood me correct, but what im trying to accomplish is basically a TabPanel with scrollable header, something like this toolbars: http://docs.sencha.com/touch/2-0/touch/examples/toolbars/index.html
So on devices with small width and lots of Tabs, there will be option to pull the Tab header, left or right to see more tabs.

So is it something that already been fixed for the next release, or should I use toolbars insted?

EDIT:
I got it working with this configuration:

xtype: 'tabpanel',
                tabBar: {
                    scrollable: {
                        direction: 'horizontal'
                    }
                },

[rdougan]

Ah, sorry. Yes, that would be how you do it!