data grid control

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

Examples

Buy Treeview Tree Menu