Initial OpenECOMP Portal commit

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

diff --git a/ecomp-portal-FE/client/bower_components/jqTree/_examples/10_icon_buttons.html b/ecomp-portal-FE/client/bower_components/jqTree/_examples/10_icon_buttons.html
new file mode 100644 (file)
index 0000000..a4b23e3
--- /dev/null
+++ b/ecomp-portal-FE/client/bower_components/jqTree/_examples/10_icon_buttons.html
@@ -0,0 +1,28 @@
+---
+title: Use icon toggle buttons
+layout: page
+js: examples/icon_buttons.js
+css: example.css
+---
+
+<p id="nav">
+    <a href="../09_custom_html/">&laquo; Example 9</a>
+    <a href="../11_right-to-left/" class="next">Example 11 &raquo;</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: $('&lt;i class="fa fa-arrow-circle-right"&gt;&lt;/i&gt;'),
+    openedIcon: $('&lt;i class="fa fa-arrow-circle-down"&gt;&lt;/i&gt;')
+});
+{% endhighlight %}