-<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
- width:250px;\r
- height:300px;\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>\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