RTree Visual Designer
Introduction
The RTree Designer will assists you in the task of creating menus for you web
site. It is a Java[TM] application that will create
HTML code for you to be used with the RTree applet. The use
of the designer will report you the following benefits:
- You don't need to be familiar with HTML tags of the applet RTree.
Anyone can now configure RTree using the Visual Designer, it makes the
menu designing very easy.
- You can quickly design your menu and test
it on the fly.
- You will not make mistakes in the HTML code and you
will save time.
About the evaluation version
The evaluation version does not allow saving trees and running trees
in the browser. You will also find two examples:
- Examples\Example1.tree
- Examples\Example2.tree
Description of the screen
The screen of the designer is very simple, it has three areas:
- The menu: will let you create new trees, save, load...
- The tree area: will display the tree and will let you add , move, delete
and insert nodes
- The data area: it display the configuration of the tree and the selected
item of teh tree.

screenshot 1
The tree area
The tree area is located on the left side of the main window and it
will display the tree in same way you will see it in the browser. You can
use the popup menu (mouse's right button) to
- add a new child to the selected node. The node will be created
using the current defaults and will be added at the end of the children.
- insert a new node before the selected node. The node will be
created using the current defaults.
- delete a node and its children. You cannot delete the root.
- moving a node: if you drag a drop a node you will be
moving the position of the node in the tree. The dragged node is inserted
before the destination node you drop on.

screenshot 2
The tree has however the following differences with the version that
runs on the browser
- it does not perform animations
- the link will not work. Of course, this is not a browser.
- the frame of the tree will not be displayed. The designer always uses
a simple line border.
The data area

screenshot 3
Configuration fields of the nodes
The following fields a used in the current node tab or the defaults
tab:
- Back. Image: background image of the
node.
- Center Text: center text of the node.
- Back. Color: background color of the
node.
- Sel. Back. Color: background color when
the node is selected.
- Color: color of the texts.
- Children in file: if selected the definition
of the the children for this node will be stored in a separate file. This
can be used if a node has a large number of children. If they are stored in
a different file they will be loaded only when they a required (i.e. when
the node is expanded). This is called dynamically loading of the tree.
- Clicked Color: color of the node after
it has been clicked. This will show the page the user is on.
- Clicked Back. Color: backgorund color
of the node after it has been clicked.
- Clicked Font: font of the node after
it has been clicked.
- Clicked Image: icon of the node after
it has been clicked.
- Exp. Icon: icon when the node is expanded.
- Icon: icon of the node.
- Font: font of the text..
- Raise on select:: if selected
the node will displayed a "raised" effect when it is selected.
- Sel. Color: color of the text when the
node is selected.
- Url: URL to open when the user double-clicks
the node.
- Target: target frame of the HTML page.
Valid values are: "_self", "_parent","_top",
"_blank" or <frame name>.
- Text: text for this node.
- Tip: tip for this node.
- Selection set: use this parameter to
specify the selection mode:
- 0 (default): the node can be selected (single node selection) and the
action performed.
- -1: the node cannot be selected and no action will be performed for
this node when clicked (except expanding and collapsing).
- 1,2,3 ...: set id. This Id is used to activate the multinode selection.
Nodes with same "set id" can be selected simultaneously. As
soon as the user clicks on a node with a different "set id",
all nodes in previous set id will be desected.
Note: the images files must be located in the images subdirectory!.
Other parameters or the RTree Applet not included in the designer because
they are very rarely changed are:
- TREE_ANIMATION_DELAY: time in milliseconds between scenes of the
initial animation.
- TREE_TIP_DELAY: This is the number of milliseconds the tree is going
to wait before showing the tip of the current node.
See the documentation of the applet to know how to use applets parameters.
Java,
JSP, JDBC, JDK and all Java-based marks are trademarks or registered trademarks
of Sun Microsystems, Inc. in the U.S. and other countries. J4L Components
is independent of Sun Microsystems, Inc.