title: Sencha Touch Carousel and TabPanel
body: <p>I want to have a view with a TabPanel and inside a Carousel with two cards.</p>
  
  <p>Like this:</p>
  
  <pre><code>var view = Ext.define("abril16.view.Main2", {
  extend: 'Ext.tab.Panel',
  requires: ['Ext.TitleBar', 'Ext.carousel.Carousel'],
  config: {
      tabBarPosition: 'bottom', 
      items: [{
          title: 'Home',
          iconCls: 'home',
          styleHtmlContent: true,
          scrollable: true,
          layout: 'fit',
          flex: 1,
          items: {
              docked: 'top',
              xtype: 'titlebar',
              title: 'Beetoom',
          },
      },
      {
          title: 'Discover',
          iconCls: 'action',
          scrollable: true,
          items: [{
              docked: 'top',
              xtype: 'titlebar',
              title: 'Select',
              layout: 'fit',
              flex: 1,
          }, 
          {
              docked: 'top',
              xtype: 'titlebar',
              title: 'Discover',
          },
          {
              xtype: 'carousel',
              items: [{   
                              xtype: 'checkboxfield',
                              name: 'Hola',
                              label: 'Hola'
                          },
                          {
                              xtype: 'checkboxfield',
                              name: 'Action',
                              label: 'Adventure'
                          }
                      ]
                  }
  
                  ]
      }
          ]
      }
  
              });
  </code></pre>
  
  <p>The problem is that nothing happens here. There are no syntax errors, but there is no layout displayed and instead the carousel I have a blank background inside the panel.</p>
  
  <p>Thank you very much.</p>