/*
* 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
}]
};