Spry Tree View widget

Dreamweaver CS6 ready!

Create tables of contents, file browsers, collapsible product lists, site maps and more.
Spry Tree View widget is a tree view component powered by Adobe Spry framework.
It is based on a standard HTML unordered list with all the items displayed in a hierarchical order of branches which can be expanded and collapsed. "Expand" or "collapse" icons will appear only for list items containing a nested unordered list. Clicking those icons will expand or collapse the corresponding branch of the tree.

Key features

• Fully customisable through CSS.

Mac / Windows compatible

Not finding what you're looking for?

Let us know - we might just build it for you.
• Apply links to individual items.
• Add custom icons.
• Combine with other Spry widgets for advanced user experience.
• Collapse or expand the entire tree at once.
  
• Retains the state of the sub trees while parent branch is collapsed or expanded.
• Have individual branches expanded by default.

You can edit the tree view using Properties Inspector or directly in the Design view as any regular unordered list.

Examples

These are just few examples of possible use for Spry Tree View widget and its features.

Product list example (one of the nodes is intentionally expanded by default to demonstrate the feature)

File browser example

Accessing the Widget and the Help file

On your web page place the cursor where you want the tree view to appear and click the button or the menu item on the Insert bar to add the widget to the page.

Accessing Spry Tree View widget from Spry tab of the Insert bar

Accessing Help file in Spry Tree View Properties Inspector

This extension is compatible with Dreamweaver CS4, CS5, CS5.5 and CS6 ONLY!!!

Browser Compatibility

• Internet Explorer 6 and higher
• Firefox 3 and higher
• Netscape 7 and higher
• Safari 3 and higher
• Opera 9 and higher
• Google Chrome 1 and higher
• SeaMonkey 2 and higher