title: Sencha Touch - Viewport Problem
body: <p>i am using the ToolbarDemo and the ListDemo from Drew Neil (@nelstrom)!
  Everything works perfect!
  But there is one problem with the VIEWPORT - i think!</p>
  
  <p>here is my code:</p>
  
  <p><a href="http://www.sencha.com/forum/showthread.php?132823-Viewport-Problem" rel="nofollow">http://www.sencha.com/forum/showthread.php?132823-Viewport-Problem</a></p>
  
  <p>I hope anyone can help me!
  Thanks!</p>
  
  <h2>---------------------------</h2>
  
  <p>EDIT:
  thank you mistagrooves for your quick answer!
  but now i get this error (Line 33):</p>
  
  <pre><code>TypeError: Result of expression 'ToolbarDemo.views.Viewport.setActiveItem' [undefined] is not a function.
  </code></pre>
  
  <p>my code:</p>
  
  <pre><code>ToolbarDemo.views.detailPanel = Ext.extend(Ext.Panel, {
          id: 'detailpanel',
          tpl: ['&lt;div class="live"&gt;',
                          '&lt;div style="float:right;padding-right: 10px;padding-bottom: 10px;"&gt;{titel}&lt;/div&gt;',
                          '&lt;div style="text-align:center; margin-left: auto; margin-right: auto;"&gt;',
                          '&lt;video width="280" height="280" x-webkit-airplay="allow" poster="playlive.png" controls="controls" id="video_player" style="" tabindex="0"&gt;&lt;source src="{video}"&gt;&lt;/source&gt;&lt;/video&gt;',
                          '&lt;/div&gt;'],
          dockedItems: [
              {
                  xtype: 'toolbar',
                  items: [{
                      text: 'zur&amp;uuml;ck',
                      ui: 'back',
                      handler: function() {
                          ToolbarDemo.views.Viewport.setActiveItem('disclosurelist', {type:'slide', direction:'right'});
                      }
                  }]
              }
          ]
      });
  
  ToolbarDemo.views.Beitrage = Ext.extend(Ext.List, {
  title: "Beitr&amp;auml;ge",
  iconCls: "btnbeitraege",
  id: 'disclosurelist',
          store: storeXML,
          itemTpl: '&lt;div class="contact"&gt;&lt;img src="{bild}" width="48" height="26" border="0"/&gt; {titel}&lt;/div&gt;',
          grouped: true,
          onItemDisclosure: function(record, btn, index) {
          var details = Ext.getCmp('detailpanel');
          details.update(record.data);
          //this is ok because Viewport is an object
          ToolbarDemo.views.Viewport.setActiveItem('detailpanel');
   } 
  });
  
  ToolbarDemo.views.Viewport = new Ext.Panel ({
          fullscreen: true,
          cardSwitchAnimation: 'slide',
          items: [new ToolbarDemo.views.Beitrage(), new ToolbarDemo.views.detailPanel()]
      });
  
  storeXML.load();
  Ext.reg('beitrage', ToolbarDemo.views.Beitrage);
  </code></pre>
  
  <p>i hope anyone can help!
  thank you!</p>