Navigation:  Reference > Elements >


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


Window 7







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.


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.


Element Specific 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:


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