title: Sencha Touch: Toolbar to hold mulitple buttons and overflow if more than a certain number
body: <p>Suppose in a Sencha Touch form I have 3 or 5 action(not navigation) buttons such as </p>
  
  <ul>
  <li>Save</li>
  <li>Delete</li>
  <li>Cancel</li>
  <li>Print</li>
  <li>Download</li>
  </ul>
  
  <p>I wish to show these buttons in a bottom bar on every forms to maintain consistency.
  They will have only the icons displayed in the portrait mode and icon+text in case of landscape mode.</p>
  
  <p>The thing I want to know is that</p>
  
  <ol>
  <li>Is there any available <code>component</code> or <code>plugin</code> using which I can show these form buttons the way I have mentioned above?</li>
  <li>In the portrait mode, I just want to show 3 buttons and then show a <code>More</code> button (3 vertical dots) on the click of which the rest of the buttons will be displayed. So technically it should handle <code>overflow</code> of buttons if more than a certain number. 
  For eg. think of the <code>tabs</code> in Sencha ExtJs, where if you open several tabs after a certain number a dropdown will come on the screen to view the rest of the tabs. I want something similar to this.</li>
  </ol>
  
  <p>I could find examples with bottom button bar but they dont fulfill by requirements.</p>
  
  <p>Can anyone guide me with this?</p>
  
  <p>Thanks.</p>