Adding Dropdown Menu To system.top.navigation.bar

Hello everyone,

Do you know how can I add some dropdown menu to top navigation?

I tried to add these web items and web sections to atlassian-connect.json

"webItems": [
            {
                "name": {
                    "value": "My dropdown"
                },
                "location": "system.top.navigation.bar",
                "url": "/hello-world",
                "tooltip": {
                    "value": "My JIRA Connect Add-on",
                    "i18n": "foo.bar"
                },
                "key": "my-dropdown"
            },
            {
                "name": { "value": "A: First item" },
                "url": "/hello-world",
                "key": "dropdown-1-1",
                "location": "my-dropdown/dropdown-section-1",
                "weight": 1
            },
            {
                "name": { "value": "A: Second item" },
                "url": "/hello-world",
                "key": "dropdown-1-2",
                "location": "my-dropdown/dropdown-section-1",
                "weight": 2
            },
            {
                "name": { "value": "B: First item" },
                "url": "/hello-world",
                "key": "dropdown-2-1",
                "location": "my-dropdown/dropdown-section-2",
                "weight": 1
            },
            {
                "name": { "value": "B: Second item" },
                "url": "/hello-world",
                "key": "dropdown-2-2",
                "location": "my-dropdown/dropdown-section-2",
                "weight": 2
            }
        ],
        "webSections": [
            {
                "name": { "value": "Section c" },
                "location": "system.top.navigation.bar",
                "key": "dropdown-section-3"
            },
            {
                "name": { "value": "Section A" },
                "location": "my-dropdown",
                "key": "dropdown-section-1"
            },
            {
                "name": { "value": "Section B" },
                "location": "my-dropdown",
                "key": "dropdown-section-2"
            }
        ]

But none of the web sections is available in the top bar (actually this location is under the Apps menu). dropdown-section-3 tries with system.top.navigation.bar location and dropdown-section-1 tries with having a parent web item.

Any help will be appreciated. :slight_smile:

1 Like

Hi @masterkeylog ,

If I’m understanding your question correctly, you are looking for the ability to add a list of subitems (or a dropdown) to the app menu in the system.top.navigation.bar location when using Connect.
This would be something similar to what is currently available for Server apps and is described (with a few screenshots) on the https://developer.atlassian.com/server/jira/platform/general-navigation-ui-locations/ page.

For Cloud Jira apps, that’s not possible and I think these two articles will help in understanding what we recommend in terms of navigation for apps:

Let me know what you think.

Cheers,
Caterina

I remember it was possible in the beginning and that was one of our main features for the server apps and this makes it non-possible to develop same app for cloud.