Advanced Treeview Tree Menu

In this demo we show how to apply a background image to the tree.

Many of the colors here have been adjusted to fit the scheme of the background image.

(if you do not see the tree above click here»)

The colors, fonts and various other properties of the tree are set via HTML Param tags. Here is the HTML code for the above tree:-

<applet code="TreeApplet" width="250" height="300" archive="Treemenu.jar">

<!-- Tree Properties -->
<param name="BgImage" value="./images/bluesky.gif">
<param name="backgroundColor" value="140,189,255">
<param name="borderWidth" value="1">
<param name="borderColor" value="#000088">
<param name="underlineLinks" value="false">
<param name="scrollBarBgColor" value="140,189,255">
<param name="statusBar" value="false">
<param name="connectingLines" value="true">
<param name="connectingLinesColor" value="#443300">
<param name="connectingLinesStyle" value="2">
<param name="highTextColor" value="#FFFFFF">
<param name="highBgColor" value="#0000FF">
<param name="nodeOffset" value="25">
<param name="nodegap" value="0">

<!-- Default Node Settings -->
<param name="defaultTarget" value="_top">
<param name="defaultFont" value="Arial,B,12">
<param name="defaultColor" value="#000088">
<param name="defaultExpanded" value="false">
<param name="defaultNormalImage" value="closedfolder">
<param name="defaultExpandedImage" value="openfolder">
<param name="defaultMouseImage" value="point">

<!-- Images -->
<param name="image1" value="closedfolder|./iconimages/blueclosedfolder.gif">
<param name="image2" value="openfolder|./iconimages/blueopenfolder.gif">
<param name="image3" value="document|./iconimages/bluedocument.gif">
<param name="image4" value="point|./iconimages/bluepoint.gif">

<!-- Node File -->
<param name="Nodedata" value="bgnodes.txt">

</applet>

In the next demo we show how to use the tree menu with frames - next demo»