-<html>\r
-<head>\r
- <title>Anchor Layout</title>\r
- <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>\r
-\r
- <!-- GC -->\r
- <!-- LIBS -->\r
- <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
- <!-- ENDLIBS -->\r
-\r
- <script type="text/javascript" src="../../ext-all.js"></script>\r
-\r
- <style type="text/css">\r
- html, body {\r
- font: normal 12px verdana;\r
- margin: 0;\r
- padding: 0;\r
- border: 0 none;\r
- overflow: hidden;\r
- height: 100%;\r
- }\r
- </style>\r
- <script type="text/javascript">\r
- Ext.onReady(function() {\r
- var viewport = new Ext.Viewport({\r
- layout:'anchor',\r
- anchorSize: {width:800, height:600},\r
- items:[{\r
- title:'Item 1',\r
- html:'wtf',\r
- width:800,\r
- anchor:'right 20%'\r
- },{\r
- title:'Item 2',\r
- html:'wtf',\r
- width:300,\r
- anchor:'50% 30%'\r
- },{\r
- title:'Item 3',\r
- html:'wtf',\r
- width:600,\r
- anchor:'-100 50%'\r
- }]\r
- });\r
- });\r
- </script>\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-</body>\r
-</html>\r
+<html>
+<head>
+ <title>Anchor Layout</title>
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
+
+ <!-- GC -->
+ <!-- LIBS -->
+ <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
+ <!-- ENDLIBS -->
+
+ <script type="text/javascript" src="../../ext-all.js"></script>
+
+ <style type="text/css">
+ html, body {
+ font: normal 12px verdana;
+ margin: 0;
+ padding: 0;
+ border: 0 none;
+ overflow: hidden;
+ height: 100%;
+ }
+ </style>
+ <script type="text/javascript">
+ Ext.onReady(function() {
+ var viewport = new Ext.Viewport({
+ layout:'anchor',
+ anchorSize: {width:800, height:600},
+ items:[{
+ title:'Item 1',
+ html:'Content 1',
+ width:800,
+ anchor:'right 20%'
+ },{
+ title:'Item 2',
+ html:'Content 2',
+ width:300,
+ anchor:'50% 30%'
+ },{
+ title:'Item 3',
+ html:'Content 3',
+ width:600,
+ anchor:'-100 50%'
+ }]
+ });
+ });
+ </script>
+</head>
+<body>
+<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
+</body>
+</html>
git.ithinksw.org / extjs.git / blobdiff