Menus - User Context

The user-context key defines the left-hand menu options for the User/Member pages.

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

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

Default Configuration

The default UI configuration for the User/Member pages looks a bit like this:

{
    "user-context": {
        "items": [{
            "key": "user",
            "title": "User",
            "order": 1000,
            "header": true,
            "items": []
        }]
    }
}

Example - Add a New Menu Item

We can add a new menu option under the User/Member menu like this:

{
    "user-context": {
        "items": [{
            "key": "user",
            "items": [{
                "key": "user/custompage",
                "title": "Custom User Page",
                "uri": "{principalUri}/custompage",
                "iconClass": "fa fa-someicon"
            }]
        }]
    }
}