# Example: Theming

Includes a custom CSS after the standard CSS to overrride theming.
Some nodes have their `data.addClass` attribute set.
Finally, the last two nodes use the `data.icon` attribute.

- Document with some children
  - Sub-item 4.1
    - Sub-item 4.1.1
    - Sub-item 4.1.2
  - Sub-item 4.2
- A folder (different icon when expanded)
  - 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