Navigation:  Reference > Elements >

Menu

Previous pageReturn to chapter overviewNext page

Menu belongs to the "Widgets" category and it has different look in various UI themes.

UI Theme:

Hand Drawn

Wire Frame

Windows XP

MAC OS X

Window 7

Legend

Menu_hand

Menu_wire

Menu_XP

Menu_Mac

Menu_Win7

Double clicking the Menu element can change the text for each menu item.  Each row is for a menu item.  You can add the hot key tips after the menu item text, use a comma to separate the item text and hot key tips.  If you need a separator within the menu, use 3 or more minus signs or equal signs in a row.  If you like to make an item to be expansible, just append ",>" after the item text.

menutext

Menu can accept image from Images Panel as its icon at each menu item.  You can change its icon from the Tools Panel, or directly drag the image into the menu item.

menuicon

Element Specific Facilities

menu_facilities

1.Font of the text
2.Text size ( in pixels )
3.Text color
4.Select previous/next menu item
5.Set menu item height
6.Set icon for the selected menu item
7.8. Set the state of menu

Behavior Definition

When you select any item in the menu, a Selection Changed event will be triggered.  So handling this event is the correct way to define the behavior for menu element.

Use the facilities in behavior editor to define the behavior for the menu like this:

mouse_event_handler

The selectedIndex property of the Menu element will be an integer that identify which item is selected.

 

Element Events

Element Clicked, Element Double-Clicked, Element Right-Clicked, Element Initialized, Element Hidden, Mouse Over, Mouse Out, Mouse Move, Mouse Down, Mouse Up, Key Down, Key Up, Custom Event, Selection Changed

Element Actions

Change Visibility, Change Location, Change Size

Element Properties

Id, X Coordinate, Y Coordinate, Width, Height, Visible, Note

Index of the Selected Item