Tree menu: iTree Pro-X Powertree: Layout

Layout options for iTree Pro-X Powertree include:

Switch the title bar on and off, change its name, adjust its heights

Switch the projection screen on and off; change its size

Set the number of tabs, their widths and names; remove them completely

Assign and reassign menu content and display styles to tabs

Switch an additional control button bar on and off

Switch the search facility on and off; change its position and size

Set the scrollbar width

To configure these, please refer to the parameter list. There is additional help for tab definitions further down on this page. Parameters are entered into your HTML code like this:

<param name="....." value=".....">

For example, if you want to use a parameter called "textsize" and give it the value "12" to achieve the effect described in the list of parameters, then write:

<param name="textsize" value="12">

Note the following:

the inverted commas are optional unless a name or value contains white space (gaps)
the spelling is important
the case is important
the order of the parameters is not important
if the same parameter appears twice in the HTML, it will only be read once, so you may find yourself changing a parameter and wondering why you can't see the effect; even stranger is that if you write a parameter twice, some browsers read the first one and some the last one; don't write parameters twice...
the delivery packages typically contain samples in which most of the parameters are already written in for you; use this as a template to save yourself time
change one parameter at a time and test the effect before you continue - this is a recipe for stress-free development

Defining tabs

Here is an example of a set of tab definition parameters.


<param name=tabnumber value=3>
<param name=tabstart value=0>
<param name=tabinset value=5>

<param name=tabsource0 value="newsreel.txt">
<param name=tabsourcetype0 value="1">
<param name=tabname0 value="NEWSREEL MENU">
<param name=tabdisplaytype0 value=2>
<param name=tabwidth0 value=120>

<param name=tabsource1 value="1-">
<param name=tabsourcetype1 value="0">
<param name=tabname1 value="MULTI-ICON TREE">
<param name=tabdisplaytype1 value=0>
<param name=tabwidth1 value=100>

<param name=tabsource2 value="menu.zip">
<param name=tabsourcetype2 value="2">
<param name=tabname2 value="CHECKBOX TREE">
<param name=tabdisplaytype2 value=1>
<param name=tabwidth2 value=80>

The parameter names are explained further in the parameter listing. Note how the names are suffixed with numbers (shown here in red) to denote which tab they refer to.

The effect of these specific parameters is the following:

Three tabs are set up, with tab 0 displaying on initialisation of the applet and the text labels inset by 5 pixels from the left-hand edge.
The first tab contains a newsreel menu display, carries the title "newsreel menu", has a tab width of 120 pixels, and reads the newsreel content from "newsreel.txt" which is notified as an external non-compressed file.
The second tab contains a multi-icon tree display, carries the title "multi-icon tree", has a tab width of 100 pixels, and reads the tree content from parameters using an identified tag "1-" (parameters will be called entry1-0, entry1-1, etc).
The third tab contains a checkbox tree display, carries the title "checkbox tree", has a tab width of 80 pixels, and reads the tree content from "menu.zip" which is notified as an external compressed file.

© Image Intelligence Software Ltd. 1997-2003
Legal information and privacy policy