Creating a Custom Menu

Solution Approach

It's easy to create a completely custom menu by creating your own .HTML file that contains the menu buttons that you want, perhaps based on one of the provided template files, and then using the Page Properties dialog to specify which buttons correspond to which URLs.

Note that MenuItem.html and MenuItemHighlighted.html files determine the look of the normal and highlighted menu items, respectively.

Procedure

Step 1:  In Iron Speed Designer’s installation folder, duplicate the horizontal or vertical menu file (e.g., HorizontalMenu.html or VerticalMenu.html), and rename it to "MyMenu.html, e.g.:

..\Program Files\Iron Speed\Designer v5.0.0\Design Themes\Alps\Menu Panels\HorizontalMenu.html

Refresh Iron Speed Designer so that MyMenu.html appears in the Iron Speed Designer Tool Box.

Step 2:  Drag the new menu panel onto your application’s page.

Step 3:  Adjust the buttons' properties to match your needs.  In Iron Speed Designer’s Design tab, click the "Configure…" button associated with the new menu object.  This displays configuration dialog where each menu item can be named and have a URL assigned to it.  The default number of menu items is three, but additional menu items can be added by clicking the "+" button.  Also the display ordering of each menu item can be adjusted via the up and down arrow buttons.  Click the "Close" button to complete the configuration of the menu.

Tag Property

Setting

Code generation tag

Menu1MenuItem

Button text or resource key

Home

URL

http://www.ironspeed.com

Step 4:  (Optional) In the Design tab, double-click the menu object to display its Properties dialog.  In the Bindings tab, a menu item can be selected to appear highlighted.  (By default, no menu item is highlighted.)  Click "OK" to complete.

Step 5:  Build and run the application.  The page you changed will now use MyMenu rather than the standard one.

See Also

Menus