Open a modal in a webpage from Kibana dashboard

Elastic Stack Kibana
1

Scenario: I have integrated the Kibana dashboard using iframe. Kibana dashboard shows the list of PDFs with ids. The user clicks on the link in the Kibana dashboard and it passes id to the web app. After receiving the id, the web app triggers the API call to fetch the PDF and then the web app opens the PDF in the popup.

My Approach:-

  1. I have added my web apps link in the URL template of Kibana.
  2. After clicking the link it opens my webpage in the same iframe and I have added a condition to detect the params.
  3. After receiving the params in my web app (inside the iframe), I pass the params to window.top.location.href of the same web app. So now I have the params in my browser URL.
  4. From browser URL I get the params by activatedRoute.queryParamMap and triggers the web the API call.
  5. After the success response from the API call, I can open a popup.

The problem here, the Kibana dashboard loads again after clicking on the link and I lose my applied filter. How can I open the link from the Kibana dashboard without losing its state?

I just want to open a PDF after clicking on the link in the Kibana dashboard keeping the same filters and the state. Kibana allows opening the link on the same page(target=_self) or in the new tab(target=_blank). I want to open in the same tab.

2

Hey @Rohit_Kawade, welcome to the discussion boards!

I'm a little confused - does using target="_blank" not work for you? My understanding is that it should open the link in a new tab within the parent window.

3

@Larry_Gregory I want to open in the same the window.

4

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