Dojo TitlePane

In this example, you will learn about the dojo TitlePane.

Dojo TitlePane

Dojo TitlePane

       

In this example, you will learn about the dojo TitlePane. 

TitlePane: A TitlePane is a pane that contains a title on the top. Which can be opened and collapsed. If an arrow button is left to right then the tilepane is collapsed and top to bottom then it is opened. In opened format you can see the all contents that has TitlePane. If you enter the title of titlePane then you enter the title tag.

Try Online: TitlePane

Here is the code of Program:

<html>
<head>

<title>Dojo TitlePane Example</title>

  <style type="text/css">
  @import "../dijit/themes/soria/soria.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.TitlePane");
 </script>

</head>

<body class="soria">

  <div dojoType="dijit.TitlePane" title="<b>Welcome to Roseindia 
Dojo Tutorial</b>">
 
  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. The purpose of this tips, for a new 
user learn to dojo then you need to know about the what is dojo and its 
directory structure.

  </div>

</body>
</html>

Output:

 

Try Online: