dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
78 lines (65 loc) • 2.44 kB
HTML
<html>
<head>
<title>DojoX Portlet In a GridContainer: Using specific columns test</title>
<!-- required: a default theme file -->
<link rel="stylesheet" id="themeStyles" href="../../../dijit/themes/soria/soria.css">
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../Portlet/Portlet.css";
@import "../../layout/resources/GridContainer.css";
.dj_ie6 .dropIndicator, .dj_ie6 .dojoxPortlet{
margin: 5px;
}
.gridContainerZone > *{
margin: 5px ;
}
</style>
<!-- required: dojo.js -->
<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug:false, parseOnLoad: true"></script>
<!-- do not use! only for testing dynamic themes -->
<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
<script type="text/javascript">
dojo.require("dojox.layout.GridContainer");
dojo.require("dojox.widget.Portlet");
</script>
</head>
<body class="soria">
<h1>Test inserting Portlets in specific GridContainer columns</h1>
<div>
This page tests the inserting of Portlets into specific columns of the GridContainer.
To do this, each Portlet must be assigned a "column" attribute, and the "isAutoOrganized"
attribute of the GridContainer must be set to false.
</div>
<div dojoType="dojox.layout.GridContainer"
id="gridContainer"
isAutoOrganized="false"
hasResizableColumns="false"
nbZones="3"
dragHandleClass="dijitTitlePaneTitle"
style="width:100%;"
doLayout="false"
>
<div dojoType="dojox.widget.Portlet" title="First Col, top" column="1">
This Portlet is placed in Column 1
</div>
<div dojoType="dojox.widget.Portlet" title="First Col, middle" column="1">
This Portlet is placed in Column 1
</div>
<div dojoType="dojox.widget.Portlet" title="First Col, bottom" column="1">
This Portlet is placed in Column 1
</div>
<div dojoType="dojox.widget.Portlet" title="Second Col, top" column="2">
This Portlet is placed in Column 2
</div>
<div dojoType="dojox.widget.Portlet" title="Third Col, top" column="3">
This Portlet is placed in Column 3
</div>
<div dojoType="dojox.widget.Portlet" title="Third Col, bottom" column="3">
This Portlet is placed in Column 3
</div>
</div>
</body>
</html>