treeView.html
1.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<div>
<div class="header">
<h2><strong>Tree</strong> View</h2>
<div class="breadcrumb-wrapper">
<ol class="breadcrumb">
<li>
<a href="#">Make</a>
</li>
<li>
<a href="#">Pages</a>
</li>
<li class="active">Tree View</li>
</ol>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h3><strong>Color</strong> options</h3>
<p>You can customize the color of each tree or let dark.</p>
<br>
<div id="tree1"></div>
</div>
<div class="col-md-4">
<h3><strong>Checkbox</strong> tree</h3>
<p>You can add checkbox, making multiple selection much easier.</p>
<br>
<div id="tree2"></div>
</div>
<div class="col-md-4">
<h3><strong>Drag & Drop</strong> tree</h3>
<p>It's possible to drag and drop tree nodes and rearrange the tree.</p>
<br>
<div id="tree3"></div>
</div>
</div>
<div class="footer">
<div class="copyright">
<p class="pull-left sm-pull-reset">
<span>Copyright <span class="copyright">©</span> 2015 </span>
<span>THEMES LAB</span>.
<span>All rights reserved. </span>
</p>
<p class="pull-right sm-pull-reset">
<span><a href="#" class="m-r-10">Support</a> | <a href="#" class="m-l-10 m-r-10">Terms of use</a> | <a href="#" class="m-l-10">Privacy Policy</a></span>
</p>
</div>
</div>
</div>