Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2 aperonnet 1 
<html>
2 
<head>
3 
    <title>Anchor Layout</title>
4 
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
5 
 
6 
    <!-- GC -->
7 
    <!-- LIBS -->
8 
    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
9 
    <!-- ENDLIBS -->
10 
 
11 
    <script type="text/javascript" src="../../ext-all.js"></script>
12 
 
13 
    <style type="text/css">
14 
        html, body {
15 
            font: normal 12px verdana;
16 
            margin: 0;
17 
            padding: 0;
18 
            border: 0 none;
19 
            overflow: hidden;
20 
            height: 100%;
21 
        }
22 
    </style>
23 
    <script type="text/javascript">
24 
        Ext.onReady(function() {
25 
            var viewport = new Ext.Viewport({
26 
                layout:'anchor',
27 
                anchorSize: {width:800, height:600},
28 
                items:[{
29 
                    title:'Item 1',
30 
                    html:'wtf',
31 
                    width:800,
32 
                    anchor:'right 20%'
33 
                },{
34 
                    title:'Item 2',
35 
                    html:'wtf',
36 
                    width:300,
37 
                    anchor:'50% 30%'
38 
                },{
39 
                    title:'Item 3',
40 
                    html:'wtf',
41 
                    width:600,
42 
                    anchor:'-100 50%'
43 
                }]
44 
            });
45 
        });
46 
    </script>
47 
</head>
48 
<body>
49 
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
50 
</body>
51 
</html>