Pull down as "menu"?

Elastic Stack Kibana
1

I have a series of Kibana dashboards that I would like to be able to switch between using a common "drop down menu" that I would place on each of them. I have managed to draw the actual drop down using the following code, but I'm stuck when it comes to detecting events on the drop down and subsequently changing to a diffrent dashboard:

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "signals": [
    {
      "value": ["Dashboard #1"],
      "bind": {
        "input": "select", 
        "options": [
          ["Dashboard #1"], 
          ["Dashboard #2"], 
          ["Dashboard #3"]
        ]
      }
    }
  ]
}

Please help :slight_smile:

2

Hi @cjessing.

Did you find a way to do this? I don't believe it's possible to change the browser URL, and you would need to embed the URL in a Vega component somehow. Looking at the Vega signals documentation, I'm guessing you would want to use a mouseup event, and could update the url value of that component (disclaimer I've not tried this out):

{
  "name": "clickUpdate",
  "on": [
          {"events": "*:mouseup", "update": "/*set URL here*/"}
  ]
}

Can you explain why you want to use Vega for this? I'm interested in the use case as it would probably be easier to embed your dashboard using an iframe and change the iframe source using a JavaScript dropdown control.

Let us know!

3

I'll have a look when I get around to it again. :slight_smile: