Change Kibana UI

Elastic Stack Kibana
1

Hi All,

I am using elasticsearch5.1.1 and kibana5.1.1
I have to add one drop-down in Discover page. is this possible?
Please guide me .

Thanks,
Sundar

2

I would need more clarification as to "add a dropdown".
What information would be in this dropdown?
Where would this dropdown need to be placed within Discover?

Wild guess is that you could either get by with a hack, a document visualization, or modifying the Discover plugin code directly.

3

Thanks Kikketer,
I need to place this droop-down in top of search box in Discover Page.
The drop-down information is something link places.
After select this drop-down. I need to give some action, ill take care about this action.
In initially i need how to edit Discover page code for Add drop-down.

Thanks,
Sundar

4

I haven't yet attacked this type of thing in Discover (although it may be soon). I would use a hack plugin to sniff out the location you want to add the dropdown and inject it into the DOM.

Here's a super basic example. Obviously you may want to do this differently but the key portions are here:

var select = document.createElement('select')
var option = document.createElement('option')
option.innerText = 'Something'

select.appendChild(option)

document.querySelector('.kuiLocalNavRow').appendChild(select)
5

Ok Kikketer, But where to place this code?
which file?
How to find particular file?

Thanks,
Sundar

6

Sorry I assumed. A "hack" plugin is a plugin:

That generator will get you started. There's even an example "hack" type in there. Just remember that the hack style plugin will be run on EVERYTHING. So you will want to make sure you are on the Discover tab (either using a URL match or other means) before you inject things.

7

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