template/ExpandoPane.html at master · dev394582/template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dijit.layout.ContentPane");
            dojo.require("dijit.layout.BorderContainer");
            dojo.require("dojox.layout.ExpandoPane");
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
        />
        <style type="text/css">
            @import url("http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/layout/resources/ExpandoPane.css");
            html, body { width: 100%; height: 100%; margin: 0; } #borderContainer {
            width: 100%; height: 100%; }
        </style>
    </head>

    <body class=" soria ">
        <div dojoType="dijit.layout.BorderContainer" design="sidebar" gutters="true"
        liveSplitters="true" id="borderContainer">

            <div dojoType="dojox.layout.ExpandoPane" title="Left Expando" maxWidth="225"
            splitter="true" region="leading" style="width: 225px;">
                Hi. I'm the Expando Pane
            </div>

            <div dojoType="dijit.layout.ContentPane" splitter="true" region="center">
                Hi, I'm center
            </div>

        </div>

    </body>

</html>