Home Dojo Dojo SplitContainer
Questions:Ask|Latest

 
 

Share on Google+Share on Google+

Dojo SplitContainer

Advertisement
In this section, you will learn about the dojo SplitContainer.

Dojo SplitContainer

       

In this section, you will learn about the dojo SplitContainer.

SplitContainer: This is also a container that contains multiple children widgets. All are displayed side by side (horizontally or vertically). There is a bar between each of the children, and you can adjust the relative size of each child by dragging the bars. You must specify the size (width and height) for the dojo SplitContainer.

Try Online: SplitContainer

Here is the code of SplitContainer Example:

<html>
<head>

<title>SplitContainer Example</title>
  <style type="text/css">
  @import "../dijit/themes/tundra/tundra.css";
  @import "resources/dojo.css"
  </style>

  <script type="text/javascript" src="dojo.xd.js" djConfig="parseOnLoad: true"></script>
  <script type="text/javascript">
 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">
  <p><b>Introduction to Dojo and Tips</b></p>
  
 This tips is light towards people with some JavaScript knowledge,
 priestly used another JavaScript (Ajax) framework before, now have a real need to use 
some of the features found in dojo. In this tips, learn about the dojo and its directory 
structure.
 
  </div>
  <div dojoType="dijit.layout.ContentPane" sizeMin="10" sizeShare="10">
  <p><b>Benefits of Dojo</b></p>
  
  *  Associative arrays<br>
  * Loosely typed variables<br>
  * Regular expressions<br>
  * Objects and classes<br>
  * Highly evolved date, math, and string libraries<br>
  * W3C DOM support in the Dojo

 
  </div>
  </div>

</body>
</html> 

Output of the SplitContainer Example:

Try Online:

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: November 1, 2008

Related Tutorials

Ask Questions?    Discuss: Dojo SplitContainer   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com