<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Example MVC Layout</title> <style> @import "dijit/themes/tundra/tundra.css"; @import "dojo/resources/dojo.css"; html, body { height: 100%; width: 100%; overflow: hidden;} .banner { background-color: #C0C0C0; height: 50px; font-size: 1.5em; text-align: center; vertical-align: center; border-style: solid; border-top-color: #AAAAAA; border-bottom-color: #888888; border-left-color: #AAAAAA; border-right-color: #888888; } .container { background: #FFFFFF; height: 100%; width: 100%; overflow: hidden; } </style> <script type="text/javascript" src="dojo/dojo.js" djConfig="debug: true, parseOnLoad: true"></script> <script language="JavaScript" type="text/javascript"> //Require in all the widgets used by the application. dojo.require("dijit.layout.BorderContainer"); dojo.require("dijit.layout.ContentPane"); dojo.require("dijit.layout.TabContainer"); dojo.require("dijit.form.Button"); //Require in a custom controller. dojo.require("samples.ContentPaneController"); //Require in the wires code that is used by the varous pages for events. dojo.require("dojox.wire.ml.Invocation"); dojo.require("dojox.wire.ml.Action"); </script> </head> <body class="tundra"> <div dojoType="dijit.layout.BorderContainer" class="container" gutters="false"> <div dojoType="dijit.layout.ContentPane" region="top"> <div class="banner"> SIMPLE MVC EXAMPLE </div> </div> <div dojoType="dijit.layout.ContentPane" region="left" href="templates/buttons.html" style="width: 20%; height: 100%" splitter="true" > </div> <div dojoType="dijit.layout.ContentPane" href="templates/tabs.html" region="center"> </div> </div> </body> </html> |