DHTMLX Touch documentation

Tabbar

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)

Initialization

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", 
...})

Parameters

In constructor you can specify the following parameters:

  • cells - template of the data for a cell

Please note, tabbar is a derived class, i.e. it inherits all the features of the base classes (tabbar → layoutview).

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

Related how-tos