horizontal scroll with a list

Hi

I am trying follow the list-horizontal example given by Sencha.

I am getting a message saying ( The base layout for a DataView must always be a Fit Layout )

In the example it is not a fit layout. Could someone please tell me what I am missing here.

Thanks

Jim

Code:

   
        Ext.define( 'Styles.view.Beginning', { 
        extend: 'Ext.List',
        xtype: 'beginninglist',
    
        config: {
         title:'Beginning',
         iconCls: 'star',


     layout:{
         type:'vbox',
         pack: 'center'
     },
       items:[
               
        {
        
          //give it an xtype of list for the list component
                    xtype: 'dataview',
                    height: 250,


                    scrollable: 'horizontal',
                    directionLock: true,
                    inline: {
                        wrap: false
                    },


                    //set the itemtpl to show the fields for the store
                    itemTpl: '{name} {image}',


                    //bind the store to this list
                     store: 'Beginning'
        
        }
      
         ]
     
       }
      });

horizontal scroll with a list