PageRenderTime 20ms CodeModel.GetById 13ms app.highlight 4ms RepoModel.GetById 1ms app.codeStats 0ms

/ext-4.1.0_b3/examples/videos/layout.html

https://bitbucket.org/srogerf/javascript
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>