| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
|---|
| 2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|---|
| 6 | |
|---|
| 7 | <title>Demo GridContainer</title> |
|---|
| 8 | |
|---|
| 9 | <style type="text/css" title="text/css"> |
|---|
| 10 | @import "../../../dojo/resources/dojo.css"; |
|---|
| 11 | @import "../../../dijit/themes/tundra/tundra.css"; |
|---|
| 12 | |
|---|
| 13 | html, body{ |
|---|
| 14 | margin:0; |
|---|
| 15 | padding:1%; |
|---|
| 16 | } |
|---|
| 17 | .dijitTitlePane .gripNode { |
|---|
| 18 | cursor: move; |
|---|
| 19 | } |
|---|
| 20 | |
|---|
| 21 | .dijitTitlePane .gripNode span { |
|---|
| 22 | cursor: pointer; |
|---|
| 23 | } |
|---|
| 24 | .cpane{ |
|---|
| 25 | border:1px solid #666; |
|---|
| 26 | font:bold 12px Arial; |
|---|
| 27 | color:#666; |
|---|
| 28 | background:#FFF; |
|---|
| 29 | padding:10px; |
|---|
| 30 | margin:2px; |
|---|
| 31 | } |
|---|
| 32 | |
|---|
| 33 | #GC1{ |
|---|
| 34 | height:600px; |
|---|
| 35 | margin:10px; |
|---|
| 36 | padding:2px; |
|---|
| 37 | border:1px solid #ededed; |
|---|
| 38 | overflow-x:hidden; |
|---|
| 39 | overflow-y:auto; |
|---|
| 40 | border-collapse:collapse; |
|---|
| 41 | border : 1px solid #ededed; |
|---|
| 42 | } |
|---|
| 43 | |
|---|
| 44 | #GC1 .gridContainerTable { |
|---|
| 45 | border-collapse:collapse; |
|---|
| 46 | } |
|---|
| 47 | </style> |
|---|
| 48 | |
|---|
| 49 | <link rel="stylesheet" href="../resources/GridContainer.css"> |
|---|
| 50 | <link rel="stylesheet" href="../resources/DndGridContainer.css"> |
|---|
| 51 | |
|---|
| 52 | <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script> |
|---|
| 53 | <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script> |
|---|
| 54 | <script type="text/javascript"> |
|---|
| 55 | dojo.require("dojo.parser"); |
|---|
| 56 | dojo.require("dijit.TitlePane"); |
|---|
| 57 | dojo.require("dojox.layout.GridContainer"); |
|---|
| 58 | |
|---|
| 59 | </script> |
|---|
| 60 | |
|---|
| 61 | </head> |
|---|
| 62 | |
|---|
| 63 | <body class="tundra"> |
|---|
| 64 | |
|---|
| 65 | <h1 class="testTitle">Grid Container With Title Panes</h1> |
|---|
| 66 | |
|---|
| 67 | <div> |
|---|
| 68 | <div id="GC1" dojoType="dojox.layout.GridContainer" |
|---|
| 69 | nbZones="3" |
|---|
| 70 | opacity="0.7" |
|---|
| 71 | allowAutoScroll="true" |
|---|
| 72 | hasResizableColumns="false" |
|---|
| 73 | withHandles="true" |
|---|
| 74 | acceptTypes="TitlePane"> |
|---|
| 75 | <div dojoType="dijit.TitlePane" dndType="TitlePane" title="Title Pane 1">Title Pane 1<br><br><br><br><br>Some more content</div> |
|---|
| 76 | <div dojoType="dijit.TitlePane" dndType="TitlePane" title="Title Pane 2">Title Pane 2<br><br><br><br><br>Some more content</div> |
|---|
| 77 | <div dojoType="dijit.TitlePane" dndType="TitlePane" title="Title Pane 3">Title Pane 3<br><br><br><br><br>Some more content</div> |
|---|
| 78 | <div dojoType="dijit.TitlePane" dndType="TitlePane" title="Title Pane 4">Title Pane 4<br><br><br><br><br>Some more content</div> |
|---|
| 79 | <div dojoType="dijit.TitlePane" dndType="TitlePane" title="Ergo"> |
|---|
| 80 | Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae. |
|---|
| 81 | </div> |
|---|
| 82 | </div> |
|---|
| 83 | </body> |
|---|
| 84 | </html> |
|---|
