---
title: Right-to-left support
layout: page
js: examples/right-to-left.js
css: example.css
---

<p id="nav">
    <a href="../10_icon_buttons/">&laquo; Example 10</a>
    <a href="../12_button_on_right/" class="next">Example 12 &raquo;</a>
</p>

<h1>Example 11 - right-to-left support</h1>

<p>
    You can display the tree from right to left with the <strong>rtl</strong> option.
</p>

<div id="tree1" data-url="/example_data/"></div>

<h3>javascript</h3>

{% highlight js %}
$('#tree1').tree({
    rtl: true
});
{% endhighlight %}