Sha256: 5708a004aa9aba8e60b0734594fd465566e4a77ec0355b59a99ae18e1df14c04
Contents?: true
Size: 735 Bytes
Versions: 7
Compression:
Stored size: 735 Bytes
Contents
---
title: Use icon toggle buttons
layout: page
js: examples/icon_buttons.js
css: example.css
---
<p id="nav">
<a href="custom_html.html">« Example 9</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 %}
Version data entries
7 entries across 7 versions & 1 rubygems