Intrasheets Custom Menu

The menu property lets developers enhance Intrasheets by adding, modifying, or removing menu options to integrate new features. During initialisation, use the menu() method to create custom items and embed specific workflows or utilities directly into the interface.

Customizing the Menu

The menu() function intercepts and customizes default menu options as needed during initialization.

Method	Description
`menu(object[])`	Intercept the top menu options.

intrasheets({
    bar: {
        suggestions: true
    },
    client: {
        url: 'http://localhost:3009',
        auth: {
            token: token,
            invitation: invitation,
        },
        onerror: function(e) {
            jSuites.notification(e);
        },
    },
    menu: function(options) {
        // Default options
    }
})

Menu Item Properties

Configure each item with properties that enhance usability:

Property	Description
`title: string`	Text displayed for the menu item, expandable in wide layouts.
`submenu: Item[]`	Array of sub-items creating a dropdown for related features.
`icon: string`	Material icon keyword to visually represent the item.
`type: string`	Defines item type: `"line"` for separators or `"item"` for clickable options.
`shortcut: string`	Keyboard shortcut for quick access.
`disabled: boolean`	Disables the item if set to `true`.
`tooltip: string`	Tooltip text shown on hover, providing additional context.

Event Hooks

Use events to add interactivity and functionality:

Event	Description
`onclick`	Executes on click, ideal for feature-specific actions.
`render`	Customizes item display, allowing for dynamic

Top Menu Component

The Intrasheets top menu is built using the LemonadeJS JavaScript Top Menu. Please refer to the documentation for more details.

LemonadeJS Top Menu Component

Examples

Remove the last item

intrasheets({
    bar: {
        suggestions: true
    },
    client: {
        url: 'http://localhost:3009',
        auth: {
            token: token,
            invitation: invitation,
        },
        onerror: function(e) {
            jSuites.notification(e);
        },
    },
    menu: function(options) {
        // Remove the last option
        options.shift();
    }
})

Edit this page on GitHub