jsTree v.1.0

themes plugin

Description

The themes plugin controls the looks of jstree - without this plugin you will get a functional tree, but it will look just like an ordinary UL list.

Configuration

theme

A string. Default is "default".

The name of the theme to use to style the tree.

url

A string (or false if not used). Default is false.

The location of the theme's CSS file, if set to false jstree will look for the file in < theme folder >/themes/< theme name >/style.css. You can set the theme folder using $.jstree._themes = "PATH/TO/FOLDER/";, otherwise it is autodetected as <jquery.tree.js location>/themes/.

dots

A Boolean. Default is true.

Whether to show the connecting dots or not.

icons

A Boolean. Default is true.

Whether to show the node icons or not.

Demos

Using the themes plugin

API

.set_theme ( name , url )

Set the tree's theme. Triggers an event.

string name
The name of the theme to use to style the tree.
string url
The location of the theme's CSS file, if omitted jstree will look for the file in:
< theme folder >/themes/< name >/style.css.
You can set the theme folder using:
$.jstree._themes = "PATH/TO/FOLDER/";, otherwise it is autodetected as <jquery.tree.js location>/themes/.

.get_theme ( )

Returns the name of the currently active theme.

.show_dots ( ), .hide_dots ( ), .toggle_dots ( )

Show, hide or toggle the visibility of the dots connecting the tree's nodes.

.show_icons ( ), .hide_icons ( ), .toggle_icons ( )

Show, hide or toggle the visibility of the icons next to the title of each the tree node.