Access
To open the Menu object property inspector, open the Dreamweaver® layout manager and click on a line of code corresponding to a Menu (in Code mode), or click on its graphical representation (in Creation mode).
This pane lets you:
- change the attributes of a menu created using the object creation dialog box,
- add or modify a Menu object's menu items.
Features are accessible via a vertical tab bar 
positioned on the left of the pane.
This bar contains three tabs:
- The "Menu properties" tab, which lets you edit the Menu object's attributes. The contents are the same as in the object creation dialog box.
- The "Menu tree" tab, which lets you create menu items in the Menu object.
- The "Item properties" tab, which lets you edit the attributes of a particular menu item. This tab is only enabled if a menu item has been selected in the item creation tab.
The "Menu properties" tab
This tab contains the same information as the Creation box.
The "Menu tree" tab
This tab lets you create and delete menu items.
Items are organized as a tree showing any submenus. Each node in the tree structure represents a menu item.
The text associated with a node depends on the type of menu item that it symbolizes:
- If the item is a text separator, the node text is the item's label text,
- If the item is a line separator, the node text is "Separator",
- If the item is not a separator, the node text is the item's label text followed by its object name (e.g. "Menu Item (ITE_1)").
To the right of the tree there is a panel of item management buttons:
Moves the selected item, placing it in front of the preceding sibling item. |
|
Moves the selected item, placing it after the following sibling item. |
|
Moves the selected item, placing it as the last child of the preceding sibling, or in front if its parent if it is the first child. |
|
Moves the selected item, placing it as the first child of the following sibling, or after its parent if it is the last child. |
|
|
Deletes the selected item and any descendent items. |
|
Displays the selected item's "Item properties" tab. |
|
Creates a default item as a sibling following the selected item. |
Creates a default item as the last child of the selected item. |
|
|
Copies the item only (without any dependents). |
|
Copies the item and any dependents. |
|
Pastes the copied item (with or without its dependents) as the sibling item following the selected item. |
|
Pastes the copied item (with or without its dependents) as the last child of the selected item. |
The "Item properties" tab
This tab lets you modify the attributes specific to the selected item. These attributes are organized in different sections:
General
Item name
Adelia guide word of the Menu item object.
Name
Text label of the menu item. This attribute is ignored if the item is a line separator.
Separator
Specifies whether or not the item is a separator. Separator items do not have a mouseover state and cannot be used to trigger Adelia events.
A separator can be either a line separator or a text separator.
A line separator does not have a text label and is represented graphically by a horizontal line.
A text separator has a text label. It is used to represent sections in a menu graphically: all items that follow the text separator have a left margin.
Possible values:
No |
The item is not a separator, |
Line |
The item is a line separator, |
Text |
The item is a text separator. |
Number of rows or columns
Sets the number of rows or columns (depending on the value of the Menu object's "Submenu Orientation" property) on which to display the items that form the selected item's submenu.
If the menu has set a horizontal orientation for its submenus, this number specifies a number of rows, in which case, each item is placed on a different row to the previous one. If the menu has set a vertical orientation, this number specifies a number of columns, in which case, each item is placed on a different column to the previous one.
Item styles
Active
Specifies that an item is enabled. Disabled items do not have a mouseover state and cannot be used to trigger Adelia events. In addition, if the item defines a submenu, the submenu cannot be visible.
Box checked |
The item is enabled. |
Visible
Sets the item's visibility.
Box checked |
The item is visible. |
Associated image (Normal)
Places an image to the left of the item's label text. This image is then displayed when the item is in its normal state (i.e. when the mouse pointer is not positioned over the item).
Associated image (Mouseover)
Places an image to the left of the item's label text. This image is then displayed when the item is in its mouseover state (i.e. when the mouse pointer is positioned over the item).
CSS class of text (Normal)
Defines the CSS style class assigned to the label text of the menu item in its normal state (i.e. when the mouse pointer is not positioned over the item).
If a value is entered manually, it takes priority over the "CSS Class of item text (Normal)" property for the Menu object.
CSS class of text (Mouseover)
Defines the CSS style class assigned to the label text of the menu item in its mouseover state (i.e. when the mouse pointer is positioned over the item).
If a value is entered manually, it takes priority over the "CSS Class of item text (Mouseover)" property for the Menu object.
CSS class (Normal)
Defines a CSS style class for the menu item in its normal state (i.e. when the mouse pointer is not positioned over the item). This class is assigned to the item's container (a TD HTML tag).
If a value is entered manually, it takes priority over the "CSS Class of items (Normal)" property for the Menu object.
CSS class (Mouseover)
Defines a CSS style class for the menu item in its mouseover state (i.e. when the mouse pointer is positioned over the item). This class is assigned to the item's container (a TD HTML tag).
If a value is entered manually, it takes priority over the "CSS Class of items (Mouseover)" property for the Menu object.
Item colors
Background color (Normal)
Sets the background color of the menu item in its normal state (i.e. when the mouse pointer is not positioned over the item). This color can be specified as follows:
- as a Red Green Blue triplet (e.g. #FF0000),
- as an HTML literal constant (e.g. red).
If a value is entered manually, it takes priority over the "Item Background Color (Normal)" property of the Menu object.
Background color (Mouseover)
Sets the background color of the menu item in its mouseover state (i.e. when the mouse pointer is positioned over the item). This color can be specified as follows:
- as a Red Green Blue triplet (e.g. #FF0000),
- as an HTML literal constant (e.g. red),
If a value is entered manually, it takes priority over the "Item Background Color (Mouseover)" property of the Menu object.
Text color (Normal)
Sets the text color of the menu item in its normal state (i.e. when the mouse pointer is not positioned over the item). This color can be specified as follows:
- as a Red Green Blue triplet (e.g. #FF0000),
- as an HTML literal constant (e.g. red),
If a value is entered manually, it takes priority over the "Item Text Color (Normal)" property of the Menu object.
Text color (Mouseover)
Sets the text color of the menu item in its mouseover state (i.e. when the mouse pointer is positioned over the item). This color can be specified as follows:
- as a Red Green Blue triplet (e.g. #FF0000),
- as an HTML literal constant (e.g. red),
If a value is entered manually, it takes priority over the "Item Text Color (Mouseover)" property of the Menu object.
Item events
OnClick
Box checked |
An Adelia event processing block is assigned when the user clicks on the item. The event processing block can be either an Adelia event (which may or may not validate the form) or a Javascript expression. |
Note: Adding an OnClick event processing block to a menu item named ITE_1 in a Menu object named MNU_1 creates an event block named MNU_1[ITE_1]:ONCLICK in the 4GL source when the HTML page is saved. MNU_1[ITE_1]:ONCLICK is nested in the MNU_1 object block, which is itself nested in the EVENT MANAGEMENT block.
Click here for more information on Adelia event processing blocks.