Command Menu Area

All scenes have a Command menu area at the bottom that contains command buttons. There are either several buttons with each triggering a command or a group of buttons whereby the user can select only one of the commands.

The following table provides additional information with image examples.

Item	Description	Example
Command buttons	Located in the Command menu area at the bottom of a scene. Use command buttons for the most important actions performed in a scene. These buttons can display text labels, icons, or both. Up to five buttons fit comfortably in the Command menu area. However, try to use fewer if you can. Implemented by using Mojo.Menu.commandMenu. Tip: To create Command Button icons, make a 32 by 64 px (W x H) PNG file (24 bit/pixel RGB with a 1-bit alpha channel). Draw a 24 by 24 px monochrome image in the top 32 px for the not pressed in state, and draw 24 by 24 px for the pressed in state in the lower 32 px.
Command button groups	Located in the Command menu area at the bottom of a scene. Each group has two or more command buttons, and the user can press only one at a time. Command button groups set the context of a scene or set the value in a controller. Implemented by adding a Menu Group to the Command Menu area, and then adding menu commands or icons to the group. The example shows how the Calendar application uses this group for switching among the Day, Week, and Month views. Implemented using Mojo.Menu.commandMenu with icons in a Menu Group.