LudoJS

ludo.layout.Tab

ludo.layout.

Usage: layout: layout: {type: "tab" }

Layout rendering child views in a tab layout. By default, the first child view will be displayed. You can override
this by setting layout.visible to true for a specific child.

For a demo, see Tab layout demo.

Parameters:
Name Type Description
config Object
Properties
Name Type Description
tabPos String

Position of tabs, left, top, right or bottom
title String

Option for child views layout object. The title will be displayed on the tab.
visible Boolean

Option for child views layotu object. True to initially display a different
tab than the first
Source:
Example
var w = new ludo.Window({
        left: 50, top: 50,
        title: 'Tab layout',
        width: 500, height: 400,
        layout: {
            type: 'tab',
            tabs: 'top'
        },
        children:[
            {
                title:'first tab'
            },
            {
                title:'second tab',
                layout:{
                    visible:true
                }
            }
        ]
        });