Latest Tutorials| Questions and Answers|Ask Questions?|Site Map

Home Dojo Dojo SplitContainer

Related Tutorials


Share on Google+Share on Google+

Dojo SplitContainer

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:


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

  <script type="text/javascript" src="dojo.xd.js" djConfig="parseOnLoad: true"></script>
  <script type="text/javascript">

<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 
  <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



Output of the SplitContainer Example:

Try Online:


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

Discuss: Dojo SplitContainer   View All Comments

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image