blob: a4b23e3f6365b3779567f8b14f9e5c46e22b63d6 (
plain)
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
|
---
title: Use icon toggle buttons
layout: page
js: examples/icon_buttons.js
css: example.css
---
<p id="nav">
<a href="../09_custom_html/">« Example 9</a>
<a href="../11_right-to-left/" class="next">Example 11 »</a>
</p>
<h1>Example 10 - use icon toggle buttons</h1>
<p>
You can use the <strong>openedIcon</strong> and <strong>closedIcon</strong> options to use html for
the toggle buttons. You can for example use <a href="http://fortawesome.github.io/Font-Awesome/">Fontawesome icons</a>.
</p>
<div id="tree1" data-url="/example_data/"></div>
<h3>javascript</h3>
{% highlight js %}
$('#tree1').tree({
closedIcon: $('<i class="fa fa-arrow-circle-right"></i>'),
openedIcon: $('<i class="fa fa-arrow-circle-down"></i>')
});
{% endhighlight %}
|