UbuntuUI.Toolbar - Ubuntu HTML5 API

# Ubuntu HTML5 API: UbuntuUI.Toolbar

API Docs for: HTML-14.04-dev~bzr202

#### Class UbuntuUI.Toolbar

Class defined in: `toolbars.js:23`

A Toolbar is the JavaScript representation of an Ubuntu HTML5 app <em>footer</em>.

######Contained List provides buttons The Toolbar contains a List, where each list item is treated as a Button (see below). List items (Buttons) are pushed to the right. The default Back button always exists to the left and does not need to be declared.

#####Default and custom footers See the Pagestack class documentation for information about the default application-wide Footer, customizing it, and adding Page-specific Footers.

`UbuntuUI.Toolbar`( `` )
`toolbars.js:23`

##### Example

     <footer data-role="footer" class="revealed" id="footerID">
           <nav>
             <ul>
               <li>
                 <a href="#" id="home">Home</a>
               </li>
             </ul>
           </nav>
         </footer>

         JavaScript access:
         var toolbar = UI.toolbar("toolbarID");
         UI.button('home').click(function () {
           UI.pagestack.push("main");
         });

- Methods

`element`( `` )
`toolbars.js:184`

Returns the DOM element associated with the id this widget is bind to.

##### Example

           var mytoolbar = UI.toolbar("toolbarid").element();

`hide`( `` )
`toolbars.js:168`

Hide a Toolbar

`show`( `` )
`toolbars.js:160`

Display a Toolbar

`toggle`( `` )
`toolbars.js:176`

Toggle show/hide status of a Toolbar