Menus - Context

The context key defines the primary, left-hand menu that on every page within the user interface.
The left-hand menu serves as a primary navigation root and is visible for everything within both the Platform and all Projects.

To populate the context section, your configuration snippet should look like this:

{
    "context": {
        "items": []
    ]
}

Default Configuration

The default UI configuration for the Platform looks a bit like this:

{
    "context": {
        "items": [{
            "key": "platform/dashboard",
            "title": "Platform Dashboard",
            "uri": "#/",
            "cssClass": "dashboard-link",
            "order": 1000,
            "dashboardHeader": true,
            "iconClass": "fa fa-dashboard"
        }, {
            "key": "platform/resources",
            "title": "Platform",
            "order": 2000,
            "header": true,
            "allowPermission": [
                "read"
            ],
            "items": [{
                "key": "platform/projects",
                "title": "Projects",
                "uri": "#/projects",
                "iconClass": "fa fa-briefcase",
                "allowPermission": [
                    "read"
                ]
            }, {
                "key": "platform/search",
                "title": "Search",
                "uri": "#/search",
                "iconClass": "fa fa-search",
                "allowPermission": [
                    "read"
                ]
            }]
        }, ...]        
    }
}

Example - Add a New Menu Item

We can add a new menu option under the Platform header by introducing a config block like this:

{
    "context": {
        "items": [{
            "key": "platform/resources",
            "items": [{
                "key": "platform/custompage",
                "title": "Custom Page",
                "uri": "#/custom",
                "iconClass": "fa fa-custom-icon",
                "allowPermission": [
                    "read"
                ]            
            }]
    }
}