title: Sencha Touch 2 - Carousel in Tabbed Panel
body: <p>I want to have view in which a 2 v-boxes are in two different tabs.  My code shows no error, but the only thing that shows in a tabbed-panel without tabs.  You can see that partially edited out the tutorial Carousel with some copies of the same class, but ignore that.</p>
  
  <pre><code>Ext.define("caryhartline.view.Carousel", {
      extend : 'Ext.tab.Panel',
      requires : ['Ext.carousel.Carousel'],
      config : [{
          tabBarPosition : 'top',
          items : [{
              title : 'Business',
              iconCls : 'action',
              layout : 'card',
              config : [{
                  cls : 'cards',
                  layout : {
                      type : 'vbox',
                      align : 'stretch'
                  },
                  defaults : {
                      flex : 1
                  },
                  items : [{
                              xtype : 'carousel',
                              items : [{
                                          html : '',
                                          cls : 'card businesstemplatepicture'
                                      }, {
                                          html : '',
                                          cls : 'card businesstemplatepicture'
                                      }]
                          }, {
                              xtype : 'carousel',
                              ui : 'light',
                              direction : 'vertical',
                              items : [{
                                          html : '',
                                          cls : 'card dark businesstemplate2picture'
                                      }, {
                                          html : 'And can also use &lt;code&gt;ui:light&lt;/code&gt;.',
                                          cls : 'card dark'
                                      }, {
                                          html : 'Card #3',
                                          cls : 'card dark'
                                      }]
                          }]
              }]
          }]
      }, {
          title : 'Minimalist',
          iconCls : 'action',
          layout : 'card',
          config : {
              cls : 'cards',
              layout : {
                  type : 'vbox',
                  align : 'stretch'
              },
              defaults : {
                  flex : 1
              },
              items : [{
                          xtype : 'carousel',
                          items : [{
                                      html : '',
                                      cls : 'card businesstemplatepicture'
                                  }, {
                                      html : '',
                                      cls : 'card businesstemplatepicture'
                                  }]
                      }, {
                          xtype : 'carousel',
                          ui : 'light',
                          direction : 'vertical',
                          items : [{
                                      html : '',
                                      cls : 'card dark businesstemplate2picture'
                                  }, {
                                      html : 'And can also use &lt;code&gt;ui:light&lt;/code&gt;.',
                                      cls : 'card dark'
                                  }, {
                                      html : 'Card #3',
                                      cls : 'card dark'
                                  }]
                      }]
          }
      }]
  });
  </code></pre>