ecomp-portal-FE/client/bower_components/jqTree/_examples/10_icon_buttons.html

   1 ---
   2 title: Use icon toggle buttons
   3 layout: page
   4 js: examples/icon_buttons.js
   5 css: example.css
   6 ---
   7
   8 <p id="nav">
   9     <a href="../09_custom_html/">&laquo; Example 9</a>
  10     <a href="../11_right-to-left/" class="next">Example 11 &raquo;</a>
  11 </p>
  12
  13 <h1>Example 10 - use icon toggle buttons</h1>
  14
  15 <p>
  16     You can use the <strong>openedIcon</strong> and <strong>closedIcon</strong> options to use html for
  17     the toggle buttons. You can for example use <a href="http://fortawesome.github.io/Font-Awesome/">Fontawesome icons</a>.
  18 </p>
  19 <div id="tree1" data-url="/example_data/"></div>
  20
  21 <h3>javascript</h3>
  22
  23 {% highlight js %}
  24 $('#tree1').tree({
  25     closedIcon: $('&lt;i class="fa fa-arrow-circle-right"&gt;&lt;/i&gt;'),
  26     openedIcon: $('&lt;i class="fa fa-arrow-circle-down"&gt;&lt;/i&gt;')
  27 });
  28 {% endhighlight %}