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):

Position

Absolute positioning

Target

CSS class

Item offset

Size

Width

Height

Define fixed item size

(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

Define explorer-like style

Line image URL

Tree leaf image URL

First tree leaf image URL

Last tree leaf image URL (L-like image)

Tree node image URL

Opened tree node image URL

First tree node Image URL

Last tree node image URL (L-like image)

First opened tree node image URL

Last opened tree node image URL (L-like image)

Lined

Create shadow

Shadow color

Custom shadow color (HEX)

Width

Create border

Border color

Custom border color (HEX)

Width

Define style when in "mouseover" state

CSS class

Text color

Custom text color (HEX)

Background image

Background color

Custom background color (HEX)

Z-index

Text

Specify html text

Html code

Action Parameters

URL

Target

Title(item hint)

JS code

Style Settings

Specify style settings for this item

Specify style settings for this item when in "mouseover" state

Specify style settings for submenu

Specify style settings for for submenu when in "mouseover" state

Style Settings for the Item

Style Settings for the Item When in "mouseover" State

Style Settings for the Submenu

Style Settings for the Submenu When in "mouseover" State

CSS class

Text color

Custom text color (HEX)

Background image

Background color

Custom background color (HEX)

Z-index

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

Ability to specify the form in this item

Explorer-like Tree Settings

Define explorer-like style

url of the image for a line
url of the image for a tree leaf
url of the image for the first tree leaf on its level
url of the image for the last tree leaf on its level (L-like image)
url of the image for a tree node
url of the image for an open tree node
url of the image for the first tree node on its level
url of the image for the last tree node on its level (L-like image)
url of the image for the open first tree node on its level
url of the image for the open last tree node on its level (L-like image)
Lined

Shadow Parameters

Create shadow

Shadow color

Custom shadow color (HEX)

Width

Border Parameters

Create border

Border color

Custom border color (HEX)

Width

CODETHATTREE PRO BUILDER

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

Common Settings: Paths

Main Settings

Style Settings

Explorer-like Tree Settings

Shadow Parameters

Border Parameters

"mouseover" Style Settings

Items Settings

Action Parameters

Style Settings

Style Settings for the Item

Style Settings for the Item When in "mouseover" State

Style Settings for the Submenu

Style Settings for the Submenu When in "mouseover" State

Explorer-like Tree Settings

Shadow Parameters

Border Parameters

Build the Script