title: Ext JS toolbar and breadcrumb example not working in JSFiddle
body: <p>I am new to Ext JS and am trying to create a JSFiddle using the Ext JS Framework (which is included in the list of Frameworks &amp; Extensions provided by JSFiddle)</p>
  
  <p>My Fiddle <a href="http://jsfiddle.net/scirelli/V9sMs/7" rel="nofollow">is here</a>, and the output pane alone <a href="http://jsfiddle.net/scirelli/V9sMs/7/embedded/result/" rel="nofollow">can be viewed here</a>.</p>
  
  <p>I am expecting to see a toolbar with a breadcrumb trail underneath.  In fact I see nothing.  I have tested in different browsers but am still not able to see output.</p>
  
  <p>I would like to know why I am not able to see the output on JSFiddle.</p>
  
  <hr>
  
  <p>The JSFiddle draws code directly from <a href="https://github.com/scirelli/ExtjsBreadCrumbs" rel="nofollow">a Github account</a> and the relevant section is copied below for reference.</p>
  
  <pre><code>Ext.onReady(function(){
      var breadcrumbView = Ext.create('Ext.toolbar.BreadCrumbs', {
          renderTo: document.body,
          gtIconCls:'thread-greaterthan-icon',
          removeIconCls:'thread-remove-icon',
          crumbCls:'breadCrumb',
  
          width   : 700,
  
          onRemoveItem:function( btn ){
              //This is called when a user clicks on a crumb. The crumb is an Ext.button.Button, if you passed in
              //the optional param 2 to onItemAdded, it will be attached to this btn as _extraData
          }, 
          onRemoveSelection:function( aBtn ){
              //This is called when a user clicks the &gt; button. The &gt; removes all crumbs abover the &gt; button
              //aBtn is an array of the buttons that were removed.
              if( aBtn instanceof Array ){
                  for( var i=0,l=aBtn.length,itm=null; i&lt;l; i++ ){
                  }
              }
          }
      });
  
      Ext.create('Ext.toolbar.Toolbar', {
          renderTo: document.body,
          width   : 700,
          margin  : '5 0 0 0',
          items   : [
              {
                  text   : 'Add a crumb',
                  scope  : this,
                  handler: function() {
                      var text = prompt('Please enter the text for your crumb. Use commas to list crumbs:');
                      text = text.split(',');
                      for( var i=0, l=text.length,itm=null; i&lt;l; i++ ){
                          itm = text[i];
                          //This is how you add an item to the breadcrumb view
                          //Param 1 is some text to show the user
                          //Param 2 is an optional object to attach to the crumb.
                          breadcrumbView.onItemAdded(itm.trim(), {});
                      }
                  }
              }
          ]
      });
  });
  </code></pre>