Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-1621 in a recent build.
  1. #1
    Sencha User
    Join Date
    May 2011
    Posts
    4
    Vote Rating
    0
    lovingood is on a distinguished road

      0  

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

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


    This code doesn't work as described in documentation
    Code:
    Ext.define('app.view.Main', {
        extend: 'Ext.Container',
        config: {
            items: [
                {
                    xtype: 'tabpanel',
    
                    scrollable: {
                        direction: 'horizontal'
                    },
    
                    items: [
                    { // ..........................

  2. #2
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    20
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Thank you for the report.

    Sencha Inc

    Jamie Avins

    @jamieavins

  3. #3
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    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:

    Code:
    Ext.Viewport.add({
        xtype: 'tabpanel',
        items: [
            {
                title: 'one',
                html: 'one',
                scrollable: true
            },
            {
                title: 'two',
                html: 'two'
            }
        ]
    });
    Thanks!
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  4. #4
    Sencha User
    Join Date
    May 2011
    Posts
    4
    Vote Rating
    0
    lovingood is on a distinguished road

      0  

    Default


    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:
    Code:
    xtype: 'tabpanel',
                    tabBar: {
                        scrollable: {
                            direction: 'horizontal'
                        }
                    },

  5. #5
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    Ah, sorry. Yes, that would be how you do it!
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

Thread Participants: 2