Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / tree / two-trees.html
index de74b05..6a979b9 100644 (file)
@@ -1,45 +1,25 @@
-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Drag and Drop between 2 TreePanels</title>\r
-<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-\r
-    <!-- GC -->\r
-       <!-- LIBS -->\r
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
-       <!-- ENDLIBS -->\r
-\r
-    <script type="text/javascript" src="../../ext-all.js"></script>\r
-<script type="text/javascript" src="two-trees.js"></script>\r
-\r
-<!-- Common Styles for the examples -->\r
-<link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-<style type="text/css">\r
-    #tree, #tree2 {\r
-       float:left;\r
-       margin:20px;\r
-       border:1px solid #c3daf9;\r
-       overflow:auto;\r
-    }\r
-    .folder .x-tree-node-icon{\r
-               background:transparent url(../../resources/images/default/tree/folder.gif);\r
-       }\r
-       .x-tree-node-expanded .x-tree-node-icon{\r
-               background:transparent url(../../resources/images/default/tree/folder-open.gif);\r
-       }\r
-    </style>\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-<h1>Drag and Drop betweens two TreePanels</h1>\r
-<p>The TreePanels have a TreeSorter applied in "folderSort" mode.</p>\r
-<p>Both TreePanels are in "appendOnly" drop mode since they are sorted.</p>\r
-<p>Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.</p>\r
-<p>The data for this tree is asynchronously loaded with a JSON TreeLoader.</p>\r
-<p>The js is not minified so it is readable. See <a href="two-trees.js">two-trees.js</a>.</p>\r
-\r
-<div id="tree"></div>\r
-<div id="tree2"></div>\r
-\r
-</body>\r
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>Drag and Drop between 2 TreePanels</title>
+<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+<link rel="stylesheet" type="text/css" href="../shared/example.css" />
+<script type="text/javascript" src="../../bootstrap.js"></script>
+<script type="text/javascript" src="two-trees.js"></script>
+<script type="text/javascript" src="../shared/examples.js"></script>
+<style type="text/css">
+#tree, #tree2 {
+    float: left;
+    margin: 20px;
+}
+</style>
+</head>
+<body>
+<h1>Drag and Drop betweens two TreePanels</h1>
+<p>The TreePanels have a TreeSorter applied in "folderSort" mode.</p>
+<p>Both TreePanels are in "appendOnly" drop mode since they are sorted.</p>
+<p>Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.</p>
+<p>The data for this tree is asynchronously loaded with a JSON TreeLoader.</p>
+<p>The js is not minified so it is readable. See <a href="two-trees.js">two-trees.js</a>.</p>
+</body>
 </html>
\ No newline at end of file