Skip to main content

Configure the application menu

The application menu runs across the top of the screen.

The application menu

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.

The left application menu

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

The right application menu

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,  AboutMenuItem,  HelpMenuItem,} from "@activeviam/activeui-sdk";
export default {  activate: (configuration: Configuration) => {    configuration.rightApplicationMenu = [      {        component: HelpSubMenu,        children: [{ component: AboutMenuItem }],      },    ];  },};

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,  applicationMenuItemDocumentation,  HelpSubMenu,  AboutMenuItem,} from "@activeviam/activeui-sdk";
export default {  activate: (configuration: Configuration) => {    configuration.rightApplicationMenu = [      {        component: DocumentationMenuItem,      },      {        component: HelpSubMenu,        children: [{ component: AboutMenuItem }],      },    ];  },};