Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Use splitpane

< html>   <head>     <link rel="StyleSheet" type="text/css"       href="js/dojo/dijit/themes/tundra/tundra.css">     <script type="text/javascript">       var djConfig = {         baseScriptUri : "js/dojo/",         parseOnLoad : true       };     </script>     <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>     <script>        dojo.require("dojo.parser");        dojo.require("dijit.layout.SplitContainer");        dojo.require("dijit.layout.ContentPane");     </script>   </head>   <body class="tundra">     <div dojoType="dijit.layout.SplitContainer"           orientation="horizontal"           sizerWidth="10" activeSizing="true"          style="border: 1px solid #FF00FF; width: 600px; height: 205px;">                 <div dojoType="dijit.layout.ContentPane" sizeMin="10" sizeShare="10">                     <paragraph><b>Title</b></paragraph>Content                 </div>                 <div dojoType="dijit.layout.ContentPane" sizeMin="10" sizeShare="10">                     <paragraph><b>SubTitle</b></paragraph>                     Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>                 </div>         </div>   </body> </html>