diff options
author | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
---|---|---|
committer | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/tests/layout/test_BorderContainer_nested.html | |
parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
download | semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2 |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/tests/layout/test_BorderContainer_nested.html')
-rw-r--r-- | includes/js/dijit/tests/layout/test_BorderContainer_nested.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/includes/js/dijit/tests/layout/test_BorderContainer_nested.html b/includes/js/dijit/tests/layout/test_BorderContainer_nested.html new file mode 100644 index 0000000..72bdf53 --- /dev/null +++ b/includes/js/dijit/tests/layout/test_BorderContainer_nested.html @@ -0,0 +1,70 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>dijit.layout.BorderContainer Test</title> + + <style type="text/css"> + @import "../../../dojo/resources/dojo.css"; + @import "../css/dijitTests.css"; + </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> + + <h2 class="testTitle">dijit.layout.BorderContainer tests</h2> + <p>Basic layout</p> + + <div dojoType="dijit.layout.BorderContainer" + style="border: 2px solid black; width: 90%; height: 500px; padding: 10px;"> + <div dojoType="dijit.layout.ContentPane" region="left" style="background-color: #acb386; width: 100px;"> + left + </div> + <div dojoType="dijit.layout.ContentPane" region="right" style="background-color: #acb386; width: 100px;"> + right + </div> + <div dojoType="dijit.layout.ContentPane" region="top" style="background-color: #b39b86; height: 100px;"> + top bar + </div> + <div dojoType="dijit.layout.ContentPane" region="bottom" style="background-color: #b39b86; height: 100px;"> + bottom bar + </div> + <div dojoType="dijit.layout.ContentPane" region="center" style="background-color: #f5ffbf; padding: 0px;"> + + <div dojoType="dijit.layout.BorderContainer" design="sidebar" + style="border: 2px solid black; height: 300px;"> + <div dojoType="dijit.layout.ContentPane" region="left" style="background-color: #acb386; width: 100px;"> + left + </div> + <div dojoType="dijit.layout.ContentPane" region="right" style="background-color: #acb386; width: 100px;"> + right + </div> + <div dojoType="dijit.layout.ContentPane" region="top" style="background-color: #b39b86; height: 100px;"> + top bar + </div> + <div dojoType="dijit.layout.ContentPane" region="bottom" style="background-color: #b39b86; height: 100px;"> + bottom 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> + </div> + </div> +</body> +</html> |