/*
 * CenterLayout demo panel
 */

var centerLayout = {
        id
: 'center-panel',
    layout
: 'ux.center',
    items
: {
        title
: 'Centered Panel: 75% of container width and fit height',
        layout
: 'ux.center',
        autoScroll
: true,
        width
: '75%',
        bodyStyle
: 'padding:20px 0;',
        items
: [{
                title
: 'Inner Centered Panel',
                html
: 'Fixed 300px wide and auto height. The container panel will also autoscroll if narrower than 300px.',
                width
: 300,
                frame
: true,
                autoHeight
: true,
                bodyStyle
: 'padding:10px 20px;'
       
}]
   
}
};

/*
 * RowLayout demo panel
 */

var rowLayout = {
        id
: 'row-panel',
        bodyStyle
: 'padding:5px',
        layout
: 'ux.row',
    title
: 'Row Layout',
    items
: [{
        title
: 'Height = 25%, Width = 50%',
        rowHeight
: 0.25,
        width
: '50%'
   
},{
        title
: 'Height = 100px, Width = 300px',
        height
: 100,
        width
: 300
   
},{
        title
: 'Height = 75%, Width = fit',
        rowHeight
: 0.75
   
}]
};