38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>FixedSplitter Test</title>
|
|
<style type="text/css">
|
|
@import "../themes/common/FixedSplitter.css";
|
|
html, body{
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad: true"></script>
|
|
<script language="JavaScript" type="text/javascript">
|
|
dojo.require("dojo.parser");
|
|
dojo.require("dojox.mobile.FixedSplitter");
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div dojoType="dojox.mobile.FixedSplitter" style="width:100%;height:100%;" orientation="V">
|
|
<div dojoType="dojox.mobile.FixedSplitterPane" style="background-color:yellow;height:20%">
|
|
pane #1
|
|
</div>
|
|
|
|
<div dojoType="dojox.mobile.FixedSplitter" style="width:100%;height:100%;" orientation="H">
|
|
<div dojoType="dojox.mobile.FixedSplitterPane" style="background-color:pink;width:20%;">
|
|
pane #2
|
|
</div>
|
|
<div dojoType="dojox.mobile.FixedSplitterPane" style="background-color:cyan;">
|
|
pane #3
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|