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: 