/ext-4.1.0_b3/examples/videos/layout.html
HTML | 54 lines | 49 code | 4 blank | 1 comment | 0 complexity | 65b8d0755e6226e378fad79cbb834808 MD5 | raw file
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4 <title>Layouts</title>
5 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
6
7 <!-- GC -->
8
9 <script type="text/javascript" src="../../ext-all.js"></script>
10</head>
11<body>
12 <script type="text/javascript" charset="utf-8">
13 Ext.onReady(function() {
14 Ext.create('Ext.panel.Panel', {
15 renderTo: Ext.getBody(),
16 height: 300,
17 width: 500,
18 title: 'Top Panel',
19
20 layout: {
21 type: 'accordion'
22 },
23
24 items: [
25 {
26 xtype: 'panel',
27 title: 'My Panel',
28 html : 'test'
29 },
30 {
31 xtype: 'panel',
32 title: 'North Panel',
33 html : 'test'
34 },
35 {
36 xtype: 'panel',
37 title: 'Second Panel',
38 items: [
39 {
40 xtype: 'button',
41 text: 'Button 1'
42 },
43 {
44 xtype: 'button',
45 text : 'Button 2'
46 }
47 ]
48 }
49 ]
50 });
51 });
52 </script>
53</body>
54</html>