| New file |
|---|
| 0,0 → 1,54 |
|---|
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| <html> |
| <head> |
| <title>dojox.layout.BorderContainer Test</title> |
| |
| |
| <script type="text/javascript" src="../../../dojo/dojo.js" |
| djConfig="isDebug: true, parseOnLoad: true"></script> |
| <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script> |
| |
| <script type="text/javascript"> |
| dojo.require("dojox.layout.BorderContainer"); |
| dojo.require("dijit.layout.ContentPane"); |
| dojo.require("dijit.form.FilteringSelect"); |
| dojo.require("dojo.parser"); // scan page for widgets and instantiate them |
| </script> |
| <style type="text/css"> |
| @import "../../../dojo/resources/dojo.css"; |
| @import "../css/dijitTests.css"; |
| </style> |
| </head> |
| <body> |
| <h2>dojox.layout.BorderContainer tests</h2> |
| <p>Basic layout</p> |
| |
| <div dojoType="dojox.layout.BorderContainer" |
| style="border: 2px solid black; width: 90%; height: 300px; padding: 10px;" |
| > |
| <div dojoType="dijit.layout.ContentPane" position="left" style="background-color: #acb386; width: 100px;"> |
| left |
| </div> |
| <div dojoType="dijit.layout.ContentPane" position="right" style="background-color: #acb386; width: 100px;"> |
| right |
| </div> |
| <div dojoType="dijit.layout.ContentPane" position="top" style="background-color: #b39b86; height: 100px;"> |
| top bar |
| </div> |
| <div dojoType="dijit.layout.ContentPane" position="bottom" style="background-color: #b39b86; height: 100px;"> |
| bottom bar |
| </div> |
| <div dojoType="dijit.layout.ContentPane" position="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> |
| |
| </body> |
| </html> |