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");
     });
    
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