# Multiple custom navLinks Kibana 7.15

**URL:** <https://discuss.elastic.co/t/multiple-custom-navlinks-kibana-7-15/293858>\
**Category:** Kibana\
**Tags:** kibana-plugin-development\
**Created:** [January 10, 2022, 8:07am UTC](https://discuss.elastic.co/t/multiple-custom-navlinks-kibana-7-15/293858 "2022-01-10T08:07:24Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Osysh](https://avatars.discourse-cdn.com/v4/letter/o/f4b2a3/32.png) [@Osysh](https://discuss.elastic.co/u/Osysh)\
**Post date:** [January 10, 2022, 8:07am UTC](https://discuss.elastic.co/t/multiple-custom-navlinks-kibana-7-15/293858/1 "2022-01-10T08:07:25Z")

</div>

Hi,

I try to add multiple custom nav link under a new category in the kibana menu.  
I used the setCustomNavLink function but it allows you only to add one menu item only. Is there another solution ?

Regards

---

<div class="post-metadata">

**Author:** ![Mikhail\_Shustov](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mikhail_shustov/32/49186_2.png) [@Mikhail\_Shustov](https://discuss.elastic.co/u/Mikhail_Shustov)\
**Post date:** [January 10, 2022, 12:42pm UTC](https://discuss.elastic.co/t/multiple-custom-navlinks-kibana-7-15/293858/2 "2022-01-10T12:42:51Z")

</div>

Are you developing a custom plugin and want to add it to the `navLink` sidebar?  
You need to register your client-side application with [Application service | Kibana Guide [8.0] | Elastic](https://www.elastic.co/guide/en/kibana/8.0/application-service.html)  
and set a `category` it belongs to.

```auto
import { AppMountParameters, CoreSetup, Plugin, DEFAULT_APP_CATEGORIES } from 'kibana/public';

export class MyPlugin implements Plugin {
  public setup(core: CoreSetup) {
    core.application.register({ 
      category: DEFAULT_APP_CATEGORIES.kibana,
      id: 'my-plugin',
      title: 'my plugin title',
      order: 100,
      appRoute: '/app/my_plugin', // optional. /app/{id} will be used by default
      async mount(params: AppMountParameters) { ... }
    });
  }
}

```

---

<div class="post-metadata">

**Author:** ![Osysh](https://avatars.discourse-cdn.com/v4/letter/o/f4b2a3/32.png) [@Osysh](https://discuss.elastic.co/u/Osysh)\
**Post date:** [January 10, 2022, 12:53pm UTC](https://discuss.elastic.co/t/multiple-custom-navlinks-kibana-7-15/293858/3 "2022-01-10T12:53:41Z")

</div>

Thanks for your reply @Mikhail_Shustov,

I am developing a plugins but I want to add others navLinks to the menu bar, not the one of my plugin

---

<div class="post-metadata">

**Author:** ![Mikhail\_Shustov](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mikhail_shustov/32/49186_2.png) [@Mikhail\_Shustov](https://discuss.elastic.co/u/Mikhail_Shustov)\
**Post date:** [January 10, 2022, 1:50pm UTC](https://discuss.elastic.co/t/multiple-custom-navlinks-kibana-7-15/293858/4 "2022-01-10T13:50:47Z")

</div>

> I want to add others navLinks to the menu bar, not the one of my plugin

Well, we didn't support it out-of-the-box since it breaks incapsulation. However, nothing prevents you from registering some links on behalf of your plugin.

```js
 core.application.register({ 
      category: DEFAULT_APP_CATEGORIES.kibana,
      id: 'my-plugin',
      title: 'my plugin title',
      order: 100,
      appRoute: '/a-well-known-route',
      async mount(params: AppMountParameters) {
        const { application } = await core.getStartServices();
        application.navigateToApp(...) or application.navigateToUrl()
      }
    });

```

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [February 7, 2022, 1:51pm UTC](https://discuss.elastic.co/t/multiple-custom-navlinks-kibana-7-15/293858/5 "2022-02-07T13:51:35Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.