Tabbar is a component that lets you present different views in the same area. At the same time, just one view is visible. Ui-related tabbar inherits from layout.
Full code of the example in the picture (including xml structure)
To init the component you need to perform a simple procedure - call initialization code.
Initialization code or an object constructor lets you create object by using common declaration.
dhx.ui ({view:"tabbar", ...})
In constructor you can specify the following parameters:
Please note, tabbar is a derived class, i.e. it inherits all the features of the base classes (tabbar → layout → view).
dhx.ui({ rows:[{ gravity:2, view:"tabbar", cells:[ { template:"Section A", id:"tab_a" }, { template:"Section B ", id:"tab_b" }, { template:"Section C ", id:"tab_c" } ] }] ... });
To use ui functionality, touchui.css and touchui.js files must be included.