Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.activeviam.com/llms.txt

Use this file to discover all available pages before exploring further.

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, Edit, and Insert submenu.
  2. The right section contains items that control the whole application. By default, it contains a Share menu item, Present toggle, and a Help and User submenu.

​
Customize 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, your index.tsx should look like this: 
import {
  Configuration,
  applicationMenuItemAbout,
  applicationSubMenuHelp,
} from "@activeviam/atoti-ui-sdk";

applicationSubMenuHelp.children = [applicationMenuItemAbout];

export default {
  activate: (configuration: Configuration) => {
    configuration.rightApplicationMenu = [applicationSubMenuHelp];
  },
};
For a right application menu with a Documentation menu item along with the same Help submenu as above, your index.tsx should look like this: 
import {
  Configuration,
  applicationMenuItemAbout,
  applicationMenuItemDocumentation,
  applicationSubMenuHelp,
} from "@activeviam/atoti-ui-sdk";

applicationSubMenuHelp.children = [applicationMenuItemAbout];

export default {
  activate: (configuration: Configuration) => {
    configuration.rightApplicationMenu = [
      applicationMenuItemDocumentation,
      applicationSubMenuHelp,
    ];
  },
};