# How to add a link in Side Navbar of Kibana 6.2

**URL:** <https://discuss.elastic.co/t/how-to-add-a-link-in-side-navbar-of-kibana-6-2/138692>\
**Category:** Kibana\
**Created:** [July 5, 2018, 10:34am UTC](https://discuss.elastic.co/t/how-to-add-a-link-in-side-navbar-of-kibana-6-2/138692 "2018-07-05T10:34:34Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dheeraj\_Singh](https://avatars.discourse-cdn.com/v4/letter/d/e9bcb4/32.png) [@Dheeraj\_Singh](https://discuss.elastic.co/u/Dheeraj_Singh)\
**Post date:** [July 5, 2018, 10:34am UTC](https://discuss.elastic.co/t/how-to-add-a-link-in-side-navbar-of-kibana-6-2/138692/1 "2018-07-05T10:34:35Z")

</div>

Hi There,

I want to add a link in side-navigation of Kibana 6.2. The URL of the link needs to be taken from kibana.yml (dashboard.defaultAppId).

Thanks in advance for the help!

Regards,  
Dhiraj

---

<div class="post-metadata">

**Author:** ![Bill\_McConaghy](https://avatars.discourse-cdn.com/v4/letter/b/ed655f/32.png) [@Bill\_McConaghy](https://discuss.elastic.co/u/Bill_McConaghy)\
**Post date:** [July 5, 2018, 12:26pm UTC](https://discuss.elastic.co/t/how-to-add-a-link-in-side-navbar-of-kibana-6-2/138692/2 "2018-07-05T12:26:58Z")

</div>

You would need to develop a custom plugin to accomplish this. This guide is a good starting point for that: [https://www.elastic.co/guide/en/kibana/current/plugin-development.html](https://www.elastic.co/guide/en/kibana/current/plugin-development.html)

---

<div class="post-metadata">

**Author:** ![Dheeraj\_Singh](https://avatars.discourse-cdn.com/v4/letter/d/e9bcb4/32.png) [@Dheeraj\_Singh](https://discuss.elastic.co/u/Dheeraj_Singh)\
**Post date:** [July 6, 2018, 8:57am UTC](https://discuss.elastic.co/t/how-to-add-a-link-in-side-navbar-of-kibana-6-2/138692/3 "2018-07-06T08:57:17Z")

</div>

Thanks for your reply Bill.

I've already developed a plugin. I am able to add a button in side-nav:

```
uiExports: {
			links: [
					{
					id: 'kibana:home_dashboard',
					title: 'Home',
					order: -1004,
					url: `${kbnBaseUrl}#${appId}`,
					description: 'Home button',
					}
				]
			]
		}
...........
...........
}

```

But the problem is I am not able to get the value from kibana.yml and set in the url.

---

<div class="post-metadata">

**Author:** ![Bill\_McConaghy](https://avatars.discourse-cdn.com/v4/letter/b/ed655f/32.png) [@Bill\_McConaghy](https://discuss.elastic.co/u/Bill_McConaghy)\
**Post date:** [July 6, 2018, 12:51pm UTC](https://discuss.elastic.co/t/how-to-add-a-link-in-side-navbar-of-kibana-6-2/138692/4 "2018-07-06T12:51:15Z")

</div>

Sorry, misunderstood your question. An example of how to read the configuration can be found here:

> <https://github.com/elastic/kibana/blob/master/src/core_plugins/console/index.js#L86>

  

> <https://github.com/elastic/kibana/blob/master/src/core_plugins/console/index.js#L92>

---

<div class="post-metadata">

**Author:** ![Dheeraj\_Singh](https://avatars.discourse-cdn.com/v4/letter/d/e9bcb4/32.png) [@Dheeraj\_Singh](https://discuss.elastic.co/u/Dheeraj_Singh)\
**Post date:** [July 10, 2018, 8:50am UTC](https://discuss.elastic.co/t/how-to-add-a-link-in-side-navbar-of-kibana-6-2/138692/5 "2018-07-10T08:50:06Z")

</div>

```
var appId; // This needs to be configurable. 

export default function (kibana) {	

	var kibanaPluginObj = {
		name: 'test',
		require: ['elasticsearch'],
		config: function (Joi) {
			var obj = Joi.object({
				enabled: Joi.boolean().default(true),
				keycloak: Joi.boolean().default(false),
				proxydomain: Joi.string(),
				password: Joi.string().default('x?23^zH2sdfdfsCZpS%deEf=784^NgJ')
			}).default();
			return obj;
		},
		uiExports: {
			links: [
					{
					id: 'kibana:home_dashboard',
					title: 'Home',
					order: -1004,
					url: `${kbnBaseUrl}#${appId}`, // appId is undefined here. I think UI Exports getting executed before the init() method perhaps. 
					description: 'Home button',
					}
				]
		},
		init(server, options) {
			try {
			const serverConfig = server.config();
			**appId = serverConfig.get('kibana.defaultAppId'),**
			}
			catch (err) {
				this.status.red('Exception while checking config');
			}
		}
	}

	return new kibana.Plugin(kibanaPluginObj);
		
}

```

In **init()** method I am able to get the value from **kibana.yml** (kibana.defaultAppId) but I am still not able to set it to the url in the link object up above.

---

<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:** [August 7, 2018, 8:50am UTC](https://discuss.elastic.co/t/how-to-add-a-link-in-side-navbar-of-kibana-6-2/138692/6 "2018-08-07T08:50:07Z")

</div>

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