API Docs for: HTML-14.04-dev~bzr202

Class UbuntuUI.Tab

Class defined in: tab.js:22

One of the navigation pattern that can be used within an Ubuntu App is the flat navigation. Tabs are the standard way to provide such a navigation pattern from within your application.

A Tab represents the UI element that hosts your tab content. This UI element is being activated by the user selecting it as part of the Header element.

UbuntuUI.Tab( )
tab.js:22
Example
 </body>
    
       <div data-role="mainview">
         <header data-role="header" id="headerID">
           <ul data-role="tabs">
             <li data-role="tabitem" data-page="tabID">
               Main
             </li>
             <li data-role="tabitem" data-page="page2">
               Two
             </li>
           </ul>
         </header>
    
         <div data-role="content">
             <div data-role="tab" id="tabID">
               [...]
             </div>
             <div data-role="tab" id="page2">
               [...]
             </div>
         </div>
    
       </div>
     </body>
    
     JavaScript access:
     var tab = UI.tab("tabID");
activate( )
tab.js:84

Activates the current tab.

deactivate( )
tab.js:76

Deactivates the current tab.

DOMElement element( )
tab.js:65

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


Returns: <DOMElement>
Example
  var mytab = UI.tab("tabid").element();
Boolean isTab( )
tab.js:94

Validates that a given DOM node element is a Ubuntu UI Tab.


Returns: <Boolean>

if the DOM element is a tab