# How to integrate kibana dashboards as a widget to other javascript based native UI

**URL:** <https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265>\
**Category:** Kibana\
**Created:** [December 1, 2022, 3:25pm UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265 "2022-12-01T15:25:18Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)\
**Post date:** [December 1, 2022, 3:25pm UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265/1 "2022-12-01T15:25:18Z")

</div>

Is there any easy way to integrate Kibana dashboard / panel as a widget to third party UI(developed using the react js etc ).  
We dont want user to navigate to kibana from our native apps and instead show the dashboards as a widget

---

<div class="post-metadata">

**Author:** ![Nathan\_Reese](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nathan_reese/32/84829_2.png) [@Nathan\_Reese](https://discuss.elastic.co/u/Nathan_Reese)\
**Post date:** [December 1, 2022, 6:21pm UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265/2 "2022-12-01T18:21:50Z")

</div>

You can embed kibana dashboard in external sites with an iframe [Reporting and sharing | Kibana Guide [8.5] | Elastic](https://www.elastic.co/guide/en/kibana/current/reporting-getting-started.html#embed-code)

---

<div class="post-metadata">

**Author:** ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)\
**Post date:** [December 4, 2022, 10:37am UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265/3 "2022-12-04T10:37:27Z")

</div>

thansk, On login, I am getting 401 on license api call. I can login normally via other tab.

---

<div class="post-metadata">

**Author:** ![Nathan\_Reese](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nathan_reese/32/84829_2.png) [@Nathan\_Reese](https://discuss.elastic.co/u/Nathan_Reese)\
**Post date:** [December 4, 2022, 4:33pm UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265/4 "2022-12-04T16:33:01Z")

</div>

Did the embedded dashboard prompt you for you credentials? Where they provided properly?

You could try setting up [anonymous access](https://www.elastic.co/guide/en/kibana/current/kibana-authentication.html#anonymous-authentication)

---

<div class="post-metadata">

**Author:** ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)\
**Post date:** [December 5, 2022, 9:43am UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265/5 "2022-12-05T09:43:58Z")

</div>

Yes, normal window login works. Embedded one also asked for creds and it repeats same login screen post I enter creds. I can also see token generated in cookies but somehow its not reading that tokens for making further api calls and hence license api call is failing with 401.  
Is there anyway we can handle this from client side?

---

<div class="post-metadata">

**Author:** ![azasypkin](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/azasypkin/32/42216_2.png) [@azasypkin](https://discuss.elastic.co/u/azasypkin)\
**Post date:** [December 6, 2022, 2:28pm UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265/6 "2022-12-06T14:28:10Z")

</div>

Hey @Tukaram,

It sounds like you didn't set `xpack.security.sameSiteCookies` to `None`, see [Authentication in Kibana | Kibana Guide [8.5] | Elastic](https://www.elastic.co/guide/en/kibana/current/kibana-authentication.html#embedded-content-authentication). This's required by the modern browsers.

Best,  
OLeg

---

<div class="post-metadata">

**Author:** ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)\
**Post date:** [December 7, 2022, 10:03pm UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265/7 "2022-12-07T22:03:39Z")

</div>

Thanks, it worked.

---

<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:** [January 4, 2023, 10:04pm UTC](https://discuss.elastic.co/t/how-to-integrate-kibana-dashboards-as-a-widget-to-other-javascript-based-native-ui/320265/8 "2023-01-04T22:04:12Z")

</div>

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