data grid control

Advanced Treeview Tree Menu

[ Tree Home] [ Buy Now ] [ Documentation ] [ Examples & Demos ] [ Help & Support ]

Advanced Treeview Tree Menu

Demos and Examples - Tree Menu with a Background Image

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»

 

« back to Demo Index

« back to Getting Started

[ Tree Home] [ Buy Now ] [ Documentation ] [ Examples & Demos ] [ Help & Support ]

Getting Started

Documentation

Examples

Buy Treeview Tree Menu