git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/tests/layout/test_BorderContainer_full.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4         <title>dijit.layout.BorderContainer Test - Full Screen</title>
   5
   6         <style type="text/css">
   7                 @import "../../../dojo/resources/dojo.css";
   8                 @import "../css/dijitTests.css";
   9
  10                 html, body, #main{
  11                         width: 100%;    /* make the body expand to fill the visible window */
  12                         height: 100%;
  13                         overflow: hidden;       /* erase window level scrollbars */
  14                         padding: 0 0 0 0;
  15                         margin: 0 0 0 0;
  16                         font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
  17                 }
  18         </style>
  19
  20         <script type="text/javascript" src="../../../dojo/dojo.js"
  21                 djConfig="isDebug: true, parseOnLoad: true"></script>
  22         <script type="text/javascript" src="../_testCommon.js"></script>
  23
  24         <script type="text/javascript">
  25                 dojo.require("dijit.layout.BorderContainer");
  26                 dojo.require("dijit.layout.ContentPane");
  27                 dojo.require("dijit.form.FilteringSelect");
  28         </script>
  29 </head>
  30 <body>
  31         <div dojoType="dijit.layout.BorderContainer" design="sidebar" id="main">
  32                 <div dojoType="dijit.layout.ContentPane" region="leading" style="background-color: #acb386; width: 100px;">
  33                         leading
  34                 </div>
  35                 <div dojoType="dijit.layout.ContentPane" region="top" style="background-color: #b39b86; height: 100px;">
  36                         top bar
  37                 </div>
  38                 <div dojoType="dijit.layout.ContentPane" region="center" style="background-color: #f5ffbf; padding: 10px;">
  39                         main panel with <a href="http://www.dojotoolkit.org/">a link</a>.<br />
  40                         (to check we're copying children around properly).<br />
  41                         <select dojoType="dijit.form.FilteringSelect">
  42                                 <option value="1">foo</option>
  43                                 <option value="2">bar</option>
  44                                 <option value="3">baz</option>
  45                         </select>
  46                         Here's some text that comes AFTER the combo box.
  47                 </div>
  48                 <div dojoType="dijit.layout.ContentPane" region="bottom" style="background-color: #b39b86; height: 100px;" splitter="true">
  49                         bottom bar
  50                 </div>
  51                 <div dojoType="dijit.layout.ContentPane" region="trailing" style="background-color: #acb386; width: 100px;" splitter="true">
  52                         trailing
  53                 </div>
  54         </div>
  55 </body>
  56 </html>