Main menu
Overview
An app must contain at least one Main Menu, but it can contain more than one, in which case it makes more sense to refer to them as "top level" menus.
| A Main Menu usually is — but doesn’t have to be — the Home Patch of an app. |
Create Main Menu
All apps made in Appspotr CMS, comes with a default Main Menu, you can either use it to be the home Patch, or customize it according to your app design requirement.
Open the Stucture Builder and Naviagte to the Patch that you want.
Click on the relevant event.
Click on Navigation tab and select Main menu.
Now you can configure the main menu according to your requirement.
Main Menu configuration
When a Main menu is added to the patchwork, the configuration dialog for the view patch is shown on the right.
Patch Name |
Identifier used in the CMS. |
The identifier should reflect content or function. |
Patch Name Accessibility Label |
Interface Accessibility label. |
|
Patch Name Accessibility Hint |
Interface Accessibility hint. |
|
Icon |
Select an Icon to be associated with the patch on the app’s menus and In the Patchwork view. |
|
Top Bar Behavior |
Configure the behavior of the app’s top bar, when the user is on this patch. |
The behavior can be set to Visible, Invisible or Hide on Scroll |
Top Bar Type |
Sets the Top Bar Type to Title, Image or None. |
|
Top Bar alignment |
Sets the alignment, Center, Left or Right, of the top bar. |
|
Drawer Menu Accessibility Label |
Interface Accessibility label. |
|
Drawer Menu Accessibility Hint |
Interface Accessibility hint. |
|
Context Menu Accessibility Label |
Interface Accessibility label. |
|
Context Menu Accessibility Hint |
Interface Accessibility hint. |
|
Navigation Layout |
Select the style the menu should be presented in. |
Either as a Drawer at the top, or as a Tab at the bottom. Each style has its own configuration options. |
Drawer
Menu Header Type |
Select if the header should be text or an image. |
Menu Header Alignment |
Sets the alignment of the header. |
Hide Icons |
Hide any icons in the drawer. |
Menu List Alignment |
Sets the alignment of the menu list. |
Bottom Tab
Show Labels |
Display the labels for all items. |
More Label |
Set a text to display if there are more items than can be shown. |
Hide Icons |
Hide any icons in the tab. |
Maximum Number of Items Shown |
The maximum number of items shown in the tab. |
Show Tab On Navigation |
Show the tab on navigation. |
Inputs |
Connections coming in to this patch. |
Outputs |
Connections going out from this patch. |
Main Menu |
Arrange the order of the items in the main menu. |
Context Menu |
Arrange the order of the items in the context menu. |