X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/custom.html?ds=sidebyside diff --git a/docs/source/custom.html b/docs/source/custom.html new file mode 100644 index 00000000..4044e14d --- /dev/null +++ b/docs/source/custom.html @@ -0,0 +1,53 @@ + +
+/* + * 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 + }] +};+ + \ No newline at end of file