title: How to combine flexible html panel content with horizontal carousel in Sencha Touch?
body: <p>I've got some HTML content that is longer than a full page in height. At the end of this content, I'd like to include a horizontal carousel. Every attempt I make shows the HTML content, but I can't get the carousel to work properly.</p>
  
  <p>Here's where I'm at code-wise...</p>
  
  <pre><code>Ext.create('Ext.Container', {
      fullscreen: true,
      scrollable: true,
      items: [
          {
              xtype: 'panel',
              html: '&lt;h1&gt;Lots of content&lt;/h1&gt;&lt;p&gt;With additional content&lt;/p&gt;&lt;p&gt;With additional content&lt;/p&gt;&lt;ul&gt;&lt;li&gt;asdf&lt;/li&gt;&lt;li&gt;asdf&lt;/li&gt;&lt;/ul&gt;',
              style: 'background-color: #2E99FC'
          },
          {
              xtype: 'carousel',
              items: [
                  {
                      html : 'Item 1',
                      style: 'background-color: #5E99CC'
                  },
                  {
                      html : 'Item 2',
                      style: 'background-color: #759E60'
                  },
                  {
                      html : 'Item 3',
                      style: 'background-color: #FF0000'
                  }
              ]
          }
       ]
  });
  </code></pre>
  
  <p>Any help greatly appreciated.</p>