Configure the application menu

The application menu runs across the top of the screen.

It is split into two sections:

1. The left section contains items that control the current dashboard. By default, it contains a File and an Edit submenu.

2. The right section contains items that control the whole application. By default, it contains a Present/Edit toggle and a Help and User submenu.

Prerequisites

Before you read this page, you must complete Setup.

Editing the application menu

You can customize the application menu by updating leftApplicationMenu and rightApplicationMenu in configuration inside your activate function (see setup).

For example:

For a right application menu containing a single Help submenu with an About menu item inside of it, your index.tsx should look like this:

import {  Configuration,  applicationSubMenuHelp,  applicationMenuItemAbout,} from "@activeviam/activeui-sdk";
applicationSubMenuHelp.children = [applicationMenuItemAbout];
export default {  activate: (configuration: Configuration) => {    configuration.rightApplicationMenu = [applicationSubMenuHelp];  },};

For a left application menu with a Documentation menu item along with the same Help submenu as above, your index.tsx should look like this:

import {  Configuration,  applicationSubMenuHelp,  applicationMenuItemAbout,  applicationMenuItemDocumentation,} from "@activeviam/activeui-sdk";
applicationSubMenuHelp.children = [applicationMenuItemAbout];
export default {  activate: (configuration: Configuration) => {    configuration.rightApplicationMenu = [      applicationMenuItemDocumentation,      applicationSubMenuHelp,    ];  },};