nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

I want to add a menu item in the top navbar of the atlassian plugin.

LijinR

Hi, I am new to Atlassian. Can anyone help me?
Thanks in advance.

I am attaching a screenshot of what I need exactly.

Accepted answers

All comments

Stephen Deutsch

It seems like your screenshot is taken directly from this tutorial:

https://developer.atlassian.com/server/jira/platform/adding-menu-items-to-jira/

Your best course of action is to download the Atlassian SDK, download the source for the plugin: https://bitbucket.org/atlassian_tutorial/jira-menu-items-plugin, try to make some changes, and then package it up and install it in your Jira instance.

LijinR

Hi Stephen Deutsch thank you for your fast reply. Actually I need dropdown in Confluence and not in Jira.

Stephen Deutsch

If it's just a single link, then something like this would work OK:

https://confluence.atlassian.com/confkb/how-do-i-add-links-to-confluence-5-x-s-top-global-header-navigation-bar-358908020.html

For adding more links, there are some options here:

https://community.atlassian.com/t5/Answers-Developer-Questions/How-to-add-a-drop-down-next-to-Browse-at-the-top-of-Confluence/qaq-p/502560#M40234

LijinR

Thanks Stephen Deutsch it's works for me. But now I just add the script in one of my template file. So that it is working only when that page is loaded. Where should I add this script to show the dropdown in all my pages?

White Software

Hi @LijinR

We just released a bunch of new plugins Navigator family to let you create your own multi-level navigation bar menu. Please give them a try and if you need more features, let us know.

Navigator for Jira

Navigator for Confluence

Navigator for Bitbucket

Regards,

Omer

Syed Muhammad Umair Mansoor

Add the below code in your atlassian-plugin.xml file above </atlassian-plugin> tag

and modify it accordingly:

<web-section name="My Links Main Section" i18n-name-key="my-links-main-section.name" key="my_links_section"
location="my_links_link" weight="10"/>
<web-item key="my_links_link" name="Link on My Links Main Section" section="system.top.navigation.bar" weight="47">
<label>My Company</label>
<link linkId="my_links_link">http://www.hexoctagon.com</link>
</web-item>
<web-item key="website_link" name="Company Web Site" section="my_links_link/my_links_section" weight="10">
<label>Web Site</label>
<link linkId="website_link">http://www.hexoctagon.com</link>
</web-item>
<web-item key="documentation_link" name="Documentation Web Site" section="my_links_link/my_links_section"
weight="10">
<label>Documentation</label>
<link linkId="documentation_link">http://confluence.atlassian.com</link>
</web-item>