# How to change the menu order in Kibana Display

**URL:** <https://discuss.elastic.co/t/how-to-change-the-menu-order-in-kibana-display/80789>\
**Category:** Kibana\
**Created:** [March 31, 2017, 9:19am UTC](https://discuss.elastic.co/t/how-to-change-the-menu-order-in-kibana-display/80789 "2017-03-31T09:19:20Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![PrabakarKaruppasamy](https://avatars.discourse-cdn.com/v4/letter/p/aca169/32.png) [@PrabakarKaruppasamy](https://discuss.elastic.co/u/PrabakarKaruppasamy)\
**Post date:** [March 31, 2017, 9:19am UTC](https://discuss.elastic.co/t/how-to-change-the-menu-order-in-kibana-display/80789/1 "2017-03-31T09:19:20Z")

</div>

Hello,

I want to change the menu order from it default displaying

From the Order

1. Discover
2. Visualize
3. Dashboard
4. Management

To the Order of

1. Visualize
2. Management
3. Dashboard
4. Discover

Is there any way to rearrange that?

Thanks.

---

<div class="post-metadata">

**Author:** ![BigFunger](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/bigfunger/32/7323_2.png) [@BigFunger](https://discuss.elastic.co/u/BigFunger)\
**Post date:** [March 31, 2017, 4:36pm UTC](https://discuss.elastic.co/t/how-to-change-the-menu-order-in-kibana-display/80789/2 "2017-03-31T16:36:22Z")

</div>

There currently isn't a way to do this in Kibana.

It would be very hacky, but you might be able to accomplish what you want by writing a hack (appropriate name) plugin for Kibana.

Here's an excellent resource for getting started writing a Kibana plugin:  
[https://github.com/elastic/generator-kibana-plugin](https://github.com/elastic/generator-kibana-plugin).

Then you could re-order the tabs with something like this:  
**/public/hack.js**

```auto
import $ from 'jquery';

$(() => {
  const $appSwitcher = $('app-switcher');
  function moveTab(tabLabel) {
    $appSwitcher.find(`.global-nav-link:contains('${tabLabel}')`).appendTo($appSwitcher);
  }

  ['Visualize', 'Management', 'Dashboard', 'Discover'].forEach((label) => moveTab(label));
});

```

Again, this is extremely fragile, but depending on your needs may work.

---

<div class="post-metadata">

**Author:** ![PrabakarKaruppasamy](https://avatars.discourse-cdn.com/v4/letter/p/aca169/32.png) [@PrabakarKaruppasamy](https://discuss.elastic.co/u/PrabakarKaruppasamy)\
**Post date:** [April 19, 2017, 1:52pm UTC](https://discuss.elastic.co/t/how-to-change-the-menu-order-in-kibana-display/80789/3 "2017-04-19T13:52:40Z")

</div>

Hello,

Thanks. I did it via some other way work around....

Thanks a lot...

---

<div class="post-metadata">

**Author:** ![Sudhanva\_Rao](https://avatars.discourse-cdn.com/v4/letter/s/c67d28/32.png) [@Sudhanva\_Rao](https://discuss.elastic.co/u/Sudhanva_Rao)\
**Post date:** [April 19, 2017, 2:31pm UTC](https://discuss.elastic.co/t/how-to-change-the-menu-order-in-kibana-display/80789/4 "2017-04-19T14:31:27Z")

</div>

Hey, can you please share the work around?

---

<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:** [May 17, 2017, 2:40pm UTC](https://discuss.elastic.co/t/how-to-change-the-menu-order-in-kibana-display/80789/5 "2017-05-17T14:40:58Z")

</div>

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