# Integration of kibana widgets in angular app

**URL:** <https://discuss.elastic.co/t/integration-of-kibana-widgets-in-angular-app/298929>\
**Category:** Kibana\
**Created:** [March 7, 2022, 2:40am UTC](https://discuss.elastic.co/t/integration-of-kibana-widgets-in-angular-app/298929 "2022-03-07T02:40:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![frank3nst3in](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/frank3nst3in/32/102673_2.png) [@frank3nst3in](https://discuss.elastic.co/u/frank3nst3in)\
**Post date:** [March 7, 2022, 2:40am UTC](https://discuss.elastic.co/t/integration-of-kibana-widgets-in-angular-app/298929/1 "2022-03-07T02:40:43Z")

</div>

Hi Elastic Team,

I have a working angular app, a nodejs backend and a privately hosted ELK instance.

Currently, everything is going good with kibana dashboard. But, now I want to display widgets generated by the kibana on my angular app without using iframe. Our ELK instance is isolated and away from the internet access. So, the only way to talk to elk instance is by using nodejs backend.

Hence, I want to display the kibana widgets (generated on our kibana dashboard) querying them through my personal nodejs server.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/3/7/37e5b5273401915b27fa9f6af341126f88030162.png)

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [March 8, 2022, 8:22am UTC](https://discuss.elastic.co/t/integration-of-kibana-widgets-in-angular-app/298929/2 "2022-03-08T08:22:14Z")

</div>

Hi  
Sorry, AFAIK there's no way to archive this without using a iframe. given the node backend has access, you could use it to make screenshots and embed them into you Angular FE. But I don't think this is your intention. If we would allow script only embedding, this would also need access to your ELK since it needs access to Elasticsearch for querying data.  
Best,  
Matthias

---

<div class="post-metadata">

**Author:** ![frank3nst3in](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/frank3nst3in/32/102673_2.png) [@frank3nst3in](https://discuss.elastic.co/u/frank3nst3in)\
**Post date:** [March 9, 2022, 3:25am UTC](https://discuss.elastic.co/t/integration-of-kibana-widgets-in-angular-app/298929/3 "2022-03-09T03:25:02Z")

</div>

thanks @matw !

Although it's kind of heartbreaking 😔 but I will hope elastic will add this feature soon 🙂

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [March 9, 2022, 9:15am UTC](https://discuss.elastic.co/t/integration-of-kibana-widgets-in-angular-app/298929/4 "2022-03-09T09:15:03Z")

</div>

So you would use scripted visualization you could embed, right? You would just need to be aware that this means it wouldn't work without access to the kibana middleware. there is no 100% secure way to do this, except you would use static exports.

---

<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:** [April 6, 2022, 9:15am UTC](https://discuss.elastic.co/t/integration-of-kibana-widgets-in-angular-app/298929/5 "2022-04-06T09:15:58Z")

</div>

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