?php chdir('..'); require_once('_util.php'); echo_header( 'JavaScript Tree java script tree menu dhtml tree navigation javascript tree view control node expand collapse javaswcript tree example free tree menu', ':: JavaScript tree CodeThatTree is advanced, cross-browser, state-of-art JavaScript tree control ::', 'CodeThatTree, script, tree, javascript, javascript tree, free, free javascript tree, cross-browser, html, xml, css', 'CodeThatTree is an advanced, cross-browser, state-of-art JavaScript tree control that can be easily integrated into any web page. It requires no JavaScript knowledge from the prospective user and comes loaded with the features everybody expects from a modern navigation tree', '../', '' . ''); $hdr_class = 'ct13'; require_once('tree/_inner_menu.php'); ?>

CODETHATTREE PRO BUILDER

There is an online CodeThatTree Builder for PRO version.

Fill an appropriate fields, then click 'Build script' button and paste code from the Result window to your web page.

To see the result at our web site click 'Preview' button.

In case you've only download Standard version you're getting CodeThatTree Builder for STD version.

Please keep in mind - fields marked (*) are required.

 Read Standard vs PRO to know the differences between CodeThatTree Standard and PRO.

Read CodeThatTree User Manual to learn more about CodeThatTree.

Common Settings: Paths

You can't change standard paths at online version because at the other case script can't fine correct path and builder can't create correct html-code.

But at the offline version you should type at the fields bellow correct paths to SDK and CodeThatTree script.

Also you should specify path to Styles file (CSS) and Images directory.

CodeThatSDK (relative):
CodeThatTree (relative):
Styles file (CSS):

Main Settings

Position X px Y px
Absolute positioning
Target

Style Settings

CSS class
Item offset X px Y px
Size Width Height
  (if you don't get the desired look of the tree try to deselect this checkbox)
  Width Height
Text color
Custom text color (HEX)
Background image
Background color
Custom background color (HEX)
url of the image for a tree leaf
url of the image for a closed tree node
url of the image for a open tree node
Z-index

Explorer-like Tree Settings

Shadow Parameters

Shadow color
Custom shadow color (HEX)
Width

Border Parameters

Border color
Custom border color (HEX)
Width

"mouseover" Style Settings