The source code

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