1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
/*!
* Ext JS Library 3.4.0
* Copyright(c) 2006-2011 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/
/*
* 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
}]
};
|
