UbuntuUI.Tabs - Ubuntu HTML5 API

# Ubuntu HTML5 API: UbuntuUI.Tabs

API Docs for: HTML-14.04-dev~bzr202

#### Class UbuntuUI.Tabs

Class defined in: `tabs.js:23`

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.

Tabs are defined from within the Header part of your application HTML. See the Header class for more information.

Declare the Header and Tabs in HTML as a direct child of the top level Page as a sibling to the content div.

`UbuntuUI.Tabs`( `` )
`tabs.js:23`

##### Example

     <body>
           <div data-role="mainview">

             <header data-role="header">
               <ul data-role="tabs">
                 <li data-role="tabitem" data-page="main">
                   Main
                 </li>
                 <li data-role="tabitem" data-page="page2">
                   Two
                 </li>
               </ul>
             </header>

             <div data-role="content">
               <div data-role="tab" id="main">
                 [...]
               </div>

               <div data-role="tab" id="page2">
                 [...]
               </div>
             </div>

           </div>
         </body>

         JavaScript access:
         UI.tabs.METHOD();

- Properties

`count` <Unknown>
`tabs.js:136`

Return the number of tab elements in the header

`currentPage` <Unknown>
`tabs.js:108`

Return the page associated with the currently selected tab

`selectedTab` <Unknown>
`tabs.js:120`

Return the currently selected tab element

`selectedTabIndex` <Unknown>
`tabs.js:86`

Return the index of the selected tab

`selectedTabIndex` <Unknown>
`tabs.js:95`

Sets the index of the selected tab

`tabChildren` <Unknown>
`tabs.js:145`

Return the list of DOM elements of the tab