Example: Theming

Includes a custom CSS for a new theming (inspired by Windows Vista).
Some nodes have their data.addClass attribute set.
Finally, the last two nodes use the data.icon attribute.

Sample Theming

Document with some children

Sub-item 4.1

Sub-item 4.2

A folder

Node 2.1

Node 2.2

Node with custom class 1

Folder with custom class 2

Node 4.1 (using custom class 1)

Node 4.2

Node with standard CSS, but custom icon

Folder with standard CSS but custom icon

Node 4.1

Node 4.2

jquery.dynatree.js project home Link to this page Example Browser View source code