]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/tests/layout/test_BorderContainer_full.html
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / tests / layout / test_BorderContainer_full.html
diff --git a/static/dojo-release-1.1.1/dijit/tests/layout/test_BorderContainer_full.html b/static/dojo-release-1.1.1/dijit/tests/layout/test_BorderContainer_full.html
new file mode 100644 (file)
index 0000000..65386c2
--- /dev/null
@@ -0,0 +1,56 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+       <title>dijit.layout.BorderContainer Test - Full Screen</title>
+
+       <style type="text/css">
+               @import "../../../dojo/resources/dojo.css";
+               @import "../css/dijitTests.css";
+
+               html, body, #main{      
+                       width: 100%;    /* make the body expand to fill the visible window */
+                       height: 100%;
+                       overflow: hidden;       /* erase window level scrollbars */
+                       padding: 0 0 0 0;
+                       margin: 0 0 0 0;
+                       font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
+               }
+       </style>
+
+       <script type="text/javascript" src="../../../dojo/dojo.js"
+               djConfig="isDebug: true, parseOnLoad: true"></script>
+       <script type="text/javascript" src="../_testCommon.js"></script>
+
+       <script type="text/javascript">
+               dojo.require("dijit.layout.BorderContainer");
+               dojo.require("dijit.layout.ContentPane");
+               dojo.require("dijit.form.FilteringSelect");
+       </script>
+</head>
+<body>
+       <div dojoType="dijit.layout.BorderContainer" design="sidebar" id="main">
+               <div dojoType="dijit.layout.ContentPane" region="leading" style="background-color: #acb386; width: 100px;">
+                       leading
+               </div>
+               <div dojoType="dijit.layout.ContentPane" region="top" style="background-color: #b39b86; height: 100px;">
+                       top bar
+               </div>
+               <div dojoType="dijit.layout.ContentPane" region="center" style="background-color: #f5ffbf; padding: 10px;">
+                       main panel with <a href="http://www.dojotoolkit.org/">a link</a>.<br />
+                       (to check we're copying children around properly).<br />
+                       <select dojoType="dijit.form.FilteringSelect">
+                               <option value="1">foo</option>
+                               <option value="2">bar</option>
+                               <option value="3">baz</option>
+                       </select>
+                       Here's some text that comes AFTER the combo box.
+               </div>
+               <div dojoType="dijit.layout.ContentPane" region="bottom" style="background-color: #b39b86; height: 100px;" splitter="true">
+                       bottom bar
+               </div>
+               <div dojoType="dijit.layout.ContentPane" region="trailing" style="background-color: #acb386; width: 100px;" splitter="true">
+                       trailing
+               </div>
+       </div>
+</body>
+</html>