Go to Scriptcase store

# Menu Items

On this screen, the developer manages the entire structure of the menu application for the system. It is possible to define navigation with menu items and sub-items, choose whether to display the user menu, configure the components that will be shown in the toolbar, and adjust all layout settings.

## Menu items

In the Menu Items tab, you can define the items and sub-items that make up the menu navigation structure, as well as their visual aspects, such as the Label and Icon.

> On mobile devices, if a menu item has both a link and sub-items, the link will be ignored to display the sub-items.

### Menu Structure

On the left column, the developer can organize the menu structure using the management buttons.

#### Add Item

Allows adding an application to the menu.

#### Add Sub-Item

Allows adding a sub-item to the menu.

#### Remove

Deletes a menu item. Select the item or sub-item and click the remove button.

#### Move Up

Moves a menu item or sub-item up in the menu structure.

#### Move Down

Moves a menu item or sub-item down in the menu structure.

#### Move Left

Moves a menu item or sub-item to the left, reducing its hierarchy level.

#### Move Right

Moves a menu item or sub-item to the right, increasing its hierarchy level.

#### Import Applications

Allows creating a link to an application. The user can click the search button to select an application.

Application import allows the user to select applications from a list to be added. After selection, the menu levels can be organized using the available structuring buttons.

##### Application List for Import

Application Import Interface.

### Selected Item Configuration

On the right column, you can configure the properties of the selected item.

#### ID

Displays the item creation ID. This information is useful for managing items using compatible macros.

#### Label

Defines the title of the item that will be displayed to the end user. The Label can be set as a fixed text or use a lang for internationalization.

#### Description

Allows adding a description to the menu item, making it easier to identify.

#### Link/Application

Defines the application or external link associated with the Menu item. The developer can use the search button to select an application from the project.

Application Import Interface.

#### Target

Defines how the application will open in the menu, either in the same window or a new one.

#### Define as Mega Menu

Enables the item as a Mega Menu, automatically organizing level 1 subfolders into columns.

> Important: This option is only available for root-level items.

##### Display Comparison Mega Menu

On the left, the standard menu item; on the right, the same item configured as a Mega Menu.

#### Define as shortcut

Sets the icon as a shortcut.

#### Text and Image

Displays the text along with the image.

#### Icon

The image that will be displayed as the menu item icon. The user can click the search button to select the desired image. This field is optional.

## User Menu

These settings concern the items that will be displayed when clicking on the user icon in the menu.

#### Enable User Menu

Enables or disables the user menu

#### Use picture

Picture that will be displayed.

#### Username

User name that will be displayed.

#### Description

Description for the menu user.

#### Insert item

Used for the user to include the application in the menu.

#### Remove

Removes an item from the menu. Select the item or sub-item, and then click the remove button.

#### Move up

Allows you to move a menu item or sub-item up.

#### Move down

Allows you to move a menu item or sub-item down.

#### Import Applications

Allows you to create a link with an application. User can click on search button to select application.

#### Label

Title of the item that will be displayed.

#### Link

Name of the application that will create the link. User can click on search button and select application.

#### Target

Defines how the application will be displayed in the menu, which can be: the same window or another window.

#### Text and image

Displays the text together with the image

#### Icon

Name of the image that will be displayed as an icon in the menu item. User can click on search button to select desired image. Optional field.

## Toolbar

It enables the standard menu items to be displayed.

### Sorting the items

##### Move up

Allows moving a menu item up.

##### Move down

Allows moving a menu item down.

### Properties

#### Search

- Enabled - Allows enabling or disabling the search item in the menu’s toolbar.
- Display item path in search - Defines whether the path to the item will be displayed alongside the item’s name after the search.

#### Languages

- Enabled - Allows enabling or disabling the languages item in the menu’s toolbar.

#### Themes

- Enabled - Allows enabling or disabling the themes item in the menu’s toolbar.
- Available themes - List of selected themes to be displayed in the application.
- All - Selects all themes.
- None - Removes all themes, eliminating the button from the running application.

#### Shortcuts

- Enabled - Allows enabling or disabling the shortcuts item in the menu’s toolbar.
- Show Shortcuts title - Configures whether the title of the shortcuts list will be displayed in the running application.
- Shortcuts order - Allows sorting the shortcut items.

#### Notifications

- Enabled - Allows enabling or disabling the notifications item in the menu’s toolbar.
- Notification listing application - Link to the application that will display the notification list in the menu item.
- Notification refresh interval - Time in milliseconds for the notification list to be updated.
- Row limit - Maximum number of notifications displayed on the icon.
- Connection - Defines the connection where the notification system tables are located.
- User ID variable - Name of the global variable that stores the user’s login.
- Table mapping - For the notification module to function in the menu, it is necessary to link the Notification, inbox, and users tables for proper display of notifications on the icon.

> When creating a notification module and selecting an already created menu, the fields should be automatically filled.

## Layout

Defines how the menu will be displayed.

#### Clicking menu item reloads open tab

Specifies whether the open tab will be reloaded when the menu item is clicked.

#### Enable Loader

Enables the loading animation when a menu item is being loaded.

#### Orientation

Determines if the menu will be displayed horizontally or vertically.

#### User menu positioning

Specifies the position of the user menu when the main menu is set to vertical.

#### Enable toolbar

Enables the toolbar in the menu.

#### Start expanded

Specifies whether the menu will start in an expanded or collapsed state. Available only for vertical menus.

#### Header text

Sets the text to be displayed in the menu header.

#### Header text position

Specifies the position of the menu header text.

#### Menu font

Defines the font used in the menu.

#### Theme

Menu theme to be defined.

#### Logo

Logo that will be displayed.

#### Compact Logo

Compressed image that will be displayed as the logo in the menu