Horizontally scrollable bottom tabs

[meyerovb]

I slightly modified the kitchen sink demo by appending a bunch of cards so I'd have enough to go off the screen, and then adding a property to the TabPanel, scroll: 'horizontal'

According to the documentation it was my understanding this would allow me to scroll the tabs if they overflowed off the viewable area. However this is not the case (btw, sortable worked perfectly). How do I implement scrolling tabs in the bottom tabs example after I add additional tabs to it?

Also, there is the following property in the tabpanel:
defaults: {
scroll: 'vertical',
},
What's with the extra comma, and what is this property meant to do on this page?

[TommyMaintz]

Try to use this in the tabpanel config

tabBar: {
    scroll: 'horizontal'
}

[meyerovb]

Worked, thanks. Anyone up for answering part 2?

There is the following property in the tabpanel of the kitchensink bottomtabs example:
defaults: {
scroll: 'vertical',
},
What's with the extra comma, and what is this property meant to do on this page?

[TommyMaintz]

The extra comma is a mistake. The defaults configuration option allows you to set defaults for each item inside that container. In this case we make each item inside the tabpanel vertically scrollable.

[meyerovb]

Thanks for the help, first day with extjs/sencha (been off in jquery land), for some reason I thought defaults applied to the buttons themselves rather than the display area... I was wondering how vertically scrollable buttons would work, lol!