| # Advanced Treeview Tree Menu
[ Tree Home] [ Buy Now ] [ Documentation ] [ Examples & Demos ] [ Help & Support ]
## Advanced Treeview Tree Menu Parameter Reference
Background and Border » Image and Icon Definition » Node Properties » Default Node Values » Title » Status Bar » Connecting Lines »
Background and Border Properties
Parameter | Description | Example
backgroundColor | Sets the background color for the tree area see Defining Colors» | <param name="backgroundColor" value="#FFFFFF">
BgImage | If present specifies the URL of an image file to be displayed as the background | <param name="BgImage" value="./images/sirius.gif">
BgImagePosition | Specifies the top left position of the background image | <param name="BgImagePosition" value="0,0">
borderWidth | Sets the width of the border in pixels. | <param name="borderWidth" value="1">
borderColor | Sets the color of the Border. see Defining Colors» | <param name="borderColor" value="#0000FF">
scrollBarBgColor | This parameter will set the background color of the vertical and horizontal scroll bars. see Defining Colors» | <param name="scrollBarBgColor" value="#00FF00">
Image and Icon Definition Within the node definitions of the tree, images and icons may specified. But rather than specify the URL of an image file every time an image is to be used, just the name of that image is specified. To enable this the images first have to be named via the "imageN" parameter. This parameter contains 2 elements:- Image name URL to the Image file The image name can be anything you like the only stipulation is that it is unique. (ie. no two images are given the same name). For example if we have 3 images which are the icons used by the nodes, ""closedicon.gif", "openicon.gif" and "document.gif" then we have define a set of image parameters like this:- <param name="image1" value="closed|closedicon.gif"> <param name="image2" value="open|openicon.gif"> <param name="image3" value="document|document.gif"> Within the parameters and node definitions we would then simply refer to these as "closed", "open" and "document".
Node Properties
Parameter | Description | Example
nodeOffset | Sets the horizontal offset in pixels between tree levels. | <param "nodeOffset" value="20">
nodegap | Sets the vertical gap in pixels between the nodes. | <param name="nodegap" value="10">
underlineExpanded | This parameter specifies whether nodes which expanded should be underlined. Valid values are "true" or "false" | <param name= "underlineExpanded" value="true">
underlineLinks | This parameter specifies whether nodes which contain links should be underlined. Valid values are "true" or "false" | <param name="underlineLinks" value="true">
highTextColor | Text Color of the nodes when highlighted. see Defining Colors» | <param name="highTextColor" value="#0000FF">
highTextColor | Background Color of the nodes when highlighted. see Defining Colors» | <param name="highTextColor" value="#DDDDDD">
singleNodeExapansionMode | This parameter specifies whether tree menu should operate in Single Node expansion mode or not. Valid values are "true" or "false" | <param name= "singleNodeExapansionMode" value="true">
highlightLastNodeClicked | This parameter specifies whether tree menu should keep the last node clicked in it's highlighted state until another node is clicked. Valid values are "true" or "false" | <param name= "highlightLastNodeClicked" value="false">
Default Node Values Each node on the tree can have various properties defined. This set of parameters allow default values to be set which are then applied to any node which does not define it's own value for the property.
Parameter | Description | Example
defaultNormalImage | Default icon for the node in it's normal state. This is an image name not an image filename. see defining images» | <param name="defaultNormalImage" value="closedfolder">
defaultExpandedImage | Default icon for the node in it's expanded state. This is an image name not an image filename. see defining images». | <param name="defaultExpandedImage" value="openfolder">
defaultMouseImage | Default icon for the node when the mouse passes over. This is an image name not an image filename. see defining images» | <param name= "defaultMouseImage" value="point">
defaultTarget | Default Node link target frame or window name | <param name="defaultTarget" value="_top">
defaultFont | Default node text font. see Defining Fonts» | <param name="defaultFont" value="Arial,N,10">
defaultColor | Default Node Text Color. see Defining Colors» | <param name="defaultColor" value="#000000">
defaultExpanded | Default expanded setting. | <param name="defaultExpanded" value="true">
Title
Parameter | Description | Example
title | Sets the title text. | <param name="title" value="Title here ">
titleFont | Sets the font for the title text. see Defining Fonts» | <param name="titleFont" value="Helvetica|B|12">
titleColor | Sets the Color of the title text. see Defining Colors» | <param name="titleColor" value="#000000">
Status Bar
Parameter | Description | Example
statusBar | Status bar on or off. | <param name="statusBar" value="true">
statusBarFont | Status bar text font. see Defining Fonts» | <param name="statusBarFont" value="Arial,N,12">
statusBarTextColor | Color of the text in the status line. see Defining Colors» | <param name="statusBarTextColor" value="#000000">
statusBarBgColor | Color of the status bar background see Defining Colors» | <param name="statusBarBgColor" value="#FFFFFF">
statusBarHeight | Height in pixels of the status bar. | <param name="statusBarHeight" value="16">
Connecting Lines
Parameter | Description | Example
connectingLines | Connecting lines on or off. | <param name="connectingLines" value="true">
connectingLinesColor | Color of the connecting lines. see Defining Colors» | <param name="connectingLinesColor" value="#A0A0A0">
connectingLinesStyle | Selects the line style. Four styles are offered represented by the values 1,2,3 and 4. 1 - Solid line 2 - Dotted line 3 - Dashed line (short dashes) 4 - Dashed line (long dashes) | <param name="connectingLinesStyle" value="2">
« back to Getting Started
[ Tree Home] [ Buy Now ] [ Documentation ] [ Examples & Demos ] [ Help & Support ]
Getting Started Documentation Implementing Tree Properties Tree Node Data JavaScript Parameters Dynamic Methods Multi-Language Support Further Help & Support Examples