Properties
Properties are classified according to the element (the whole tree or a specific item) they refer to:
- Tree Properties
- Item Properties
Tree Properties
Tree Properties deal with the behavior and appearance of the whole tree.
Positioning ID
string
You will use this ID inside your HTML pages to mark where the tree appears.
The tree will appear attached to the HTML element (a DIV) that uses this specified ID.
You may leave this value to default ("treeid"). You only need to change this value if you use more than one tree in your page OR there is another HTML element that uses the same value as ID.
When linking your tree to your pages, apart from the linking code the following code is also added to the HTML:
<div id="treeid" style="position:absolute; width:100%;"></div>
The above code is the positioning code which marks where the tree with <Positioning ID> = "treeid" will appear.
Images Path
string
The path/directory that contains the icons used by the tree.
This is how you can access these images in your hard drive:
- Open the folder where Likno Drop Down Menus is installed...
- (for example: C:\Program Files\Likno Drop-Down Menu Trees\)
- ..then open the following subfolder:
- ...\Themes\images\ldmt\16x16\
- There you will find subfolders which contain a set of icons (images) that are used by the tree. For example, the subfolder "gnome" contains images that can be used for a gnome-like tree.
- You can create your own subfolder (for example: "\myicons") and add a set of your own images there. Note that the icons must have specific filenames (shown on table below) and they all have to be of the same image size (width & height) to be used by the tree. In most cases your images must be 16x16 pixels, which is the standard size of icons used for tree controls.
- Now that you have created your custom "Images Path" subfolder (e.g. myicons), you only need to select it from the drop-down box of the property <Images Path>.
- Note: You can access many more interesting images by purchasing/downloading additional Themes through the following URL:
Naming specification table:
icon |
filename |
description |
|
empty.gif |
Just an empty 16x16 image |
|
leaf.gif |
Default icon for all nodes with no children |
|
leaf_mo.gif |
Default icon for all nodes with no children (mouse over state) |
|
leaf_s.gif |
Default icon for all nodes with no children (selected state) |
|
line_es.gif |
Connecting line (East-South) |
|
line_ne.gif |
Connecting line (North-East) |
|
line_nes.gif |
Connecting line (North-East-South) |
|
line_ns.gif |
Connecting line (North-South) |
|
minus_e.gif |
Collapse icon (East) |
|
minus_es.gif |
Collapse icon (East-South) |
|
minus_ne.gif |
Collapse icon (North-East) |
|
minus_nes.gif |
Collapse icon (North-East-South) |
|
plus_e.gif |
Expand icon (East) |
|
plus_es.gif |
Expand icon (East-South) |
|
plus_ne.gif |
Expand icon (North-East) |
|
plus_nes.gif |
Expand icon (North-East-South) |
|
subtree_closed.gif |
Default branch collapsed icon |
|
subtree_closed_mo.gif |
Default branch collapsed icon (mouse over state) |
|
subtree_closed_s.gif |
Default branch collapsed icon (selected state) |
|
subtree_open.gif |
Default branch expanded icon |
|
subtree_open_mo.gif |
Default branch expanded icon (mouse over state) |
|
subtree_open_s.gif |
Default branch expanded icon (selected state) |
Note: You may use either the .gif or .png format, as long as you do not change the required specific names of the files (for example: "plus_e.png" or "plus_e.gif") and all images use the same format within the subfolder.
Leaf Height
number
Height of each leaf on the tree.
Box Height
number
Box Width
number
Width of the box of the tree to be used (if 0, the tree will expand dynamically to the right), in pixels.
» |
