]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | /**\r |
2 | * Demonstrates usage of an absolute layout.\r | |
3 | */\r | |
4 | Ext.define('KitchenSink.view.layout.Absolute', {\r | |
5 | extend: 'Ext.panel.Panel',\r | |
6 | requires: [\r | |
7 | 'Ext.layout.container.Absolute'\r | |
8 | ],\r | |
9 | xtype: 'layout-absolute',\r | |
10 | //<example>\r | |
11 | exampleTitle: 'Absolute Layout',\r | |
12 | //</example>\r | |
13 | layout: 'absolute',\r | |
14 | width: 500,\r | |
15 | height: 400,\r | |
16 | \r | |
17 | defaults: {\r | |
18 | bodyPadding: 15,\r | |
19 | width: 200,\r | |
20 | height: 100,\r | |
21 | frame: true\r | |
22 | },\r | |
23 | \r | |
24 | items:[\r | |
25 | {\r | |
26 | title: 'Panel 1',\r | |
27 | x: 50,\r | |
28 | y: 50,\r | |
29 | html: 'Positioned at x:50, y:50'\r | |
30 | },\r | |
31 | {\r | |
32 | title: 'Panel 2',\r | |
33 | x: 125,\r | |
34 | y: 125,\r | |
35 | html: 'Positioned at x:125, y:125'\r | |
36 | }\r | |
37 | ]\r | |
38 | \r | |
39 | }); |