title: how to add horizontal scroll bar to a panel In ExtJs?
body: <p>I have created a panel using ExtJs.This panel is center item of a border layout viewport.  I want to add a horizontal scrollbar into this panel. </p>
  
  <p>The coding for this panel is given below.</p>
  
  <pre><code>var centerpanel = Ext.create('Ext.panel.Panel', {
            region: 'center', 
            autoScroll: true,
            name: 'mainpanel',
            id: 'mainpanel',
            items: [{
                contentEl: 'center1'         
  
              }]
            });
  </code></pre>
  
  <p>The coding for the viewport given below.</p>
  
  <pre><code>var viewport = Ext.create('Ext.Viewport', {
   id: 'border-example',
   layout: 'border',
   items: [
           {
  
           region: 'south',
           split: true,
           height: 120,
           minSize: 100,
           maxSize: 200,
           collapsible: true,
           collapsed: true,
           title: 'Notice',
           margins: '2 2 2 2'
       }, {
  
           region: 'west',
           id: 'west-panel', 
           title: ' Menu',
           width: 150,
           collapsible: true,
           animCollapse: true,
           margins: '0 0 0 5',
           items: [{menu1},{menu2}]
        },
  
        centerpanel
       ]
   });
  </code></pre>
  
  <p>I want to add horizontal scrollbar into "centerpanel". Please help me.</p>