# How to include Kibana Filter Bar in Custom Plugin?

**URL:** <https://discuss.elastic.co/t/how-to-include-kibana-filter-bar-in-custom-plugin/150658>\
**Category:** Kibana\
**Created:** [October 2, 2018, 8:04am UTC](https://discuss.elastic.co/t/how-to-include-kibana-filter-bar-in-custom-plugin/150658 "2018-10-02T08:04:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tshoeb](https://avatars.discourse-cdn.com/v4/letter/t/ccd318/32.png) [@tshoeb](https://discuss.elastic.co/u/tshoeb)\
**Post date:** [October 2, 2018, 8:04am UTC](https://discuss.elastic.co/t/how-to-include-kibana-filter-bar-in-custom-plugin/150658/1 "2018-10-02T08:04:28Z")

</div>

Hello,

I am developing a kibana plugin of my own. The filter bar is not included in my plugin. My understanding is that all kibana elements should be available by default such as query search bar and time picker. But the filter bar is missing. How can I manually include and integrate it with my plugin?

By filter bar I mean the red highlighted section in the picture below.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/e/9/e9148aa8edcafb6a959493a6b5ec167471d018c6.jpeg)

Thanks.

---

<div class="post-metadata">

**Author:** ![thomasneirynck](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/thomasneirynck/32/23313_2.png) [@thomasneirynck](https://discuss.elastic.co/u/thomasneirynck)\
**Post date:** [October 2, 2018, 2:34pm UTC](https://discuss.elastic.co/t/how-to-include-kibana-filter-bar-in-custom-plugin/150658/2 "2018-10-02T14:34:46Z")

</div>

hi @tshoeb,

kudos for developing your own plugin.

As to your question, the filter-bar is not included by default for every plugin.

For some examples on bootstrapping the filter and query-bars, you could check the code of the Discover app: [https://github.com/elastic/kibana/blob/110c987c89e0c9c6546e363de805cb9ce056bdde/src/core\_plugins/kibana/public/discover/controllers/discover.js#L160-L165](https://github.com/elastic/kibana/blob/110c987c89e0c9c6546e363de805cb9ce056bdde/src/core_plugins/kibana/public/discover/controllers/discover.js#L160-L165)

From the screenshot, I see you are developing for a 5.x. Can you upgrade to 6.x? A lot of the Kibana internals are changing, and a lot of the code for 5.x is no longer current in Kibana.

---

<div class="post-metadata">

**Author:** ![tshoeb](https://avatars.discourse-cdn.com/v4/letter/t/ccd318/32.png) [@tshoeb](https://discuss.elastic.co/u/tshoeb)\
**Post date:** [October 2, 2018, 5:13pm UTC](https://discuss.elastic.co/t/how-to-include-kibana-filter-bar-in-custom-plugin/150658/3 "2018-10-02T17:13:35Z")

</div>

Dear @thomasneirynck,

Thanks for your response. I am using 6.x, the screenshot was just taken from the internet for example.

I am new to this so can you further elaborate your answer about filter bar? Do I need to call it in my plugin controller file or the options controller file? or is it as simple as just putting the line `const filterManager = Private(FilterManagerProvider);` as shown in Discover app code in my plugin's main js file.

---

<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:** [October 30, 2018, 5:13pm UTC](https://discuss.elastic.co/t/how-to-include-kibana-filter-bar-in-custom-plugin/150658/4 "2018-10-30T17:13:37Z")

</div>

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