# Integrating elasticseach and kibana in custom app

**URL:** <https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688>\
**Category:** Kibana\
**Created:** [July 1, 2015, 7:20am UTC](https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688 "2015-07-01T07:20:51Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thomas\_Crook\_Kindy](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/thomas_crook_kindy/32/3537_2.png) [@Thomas\_Crook\_Kindy](https://discuss.elastic.co/u/Thomas_Crook_Kindy)\
**Post date:** [July 1, 2015, 7:20am UTC](https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688/1 "2015-07-01T07:20:51Z")

</div>

Hi all,

I'm building an app which need to store some grocery products and order track information. Now i would like to implement this using elasticsearch and for some reporting purpose i would like to use kibana.

Can you please tell me the following things,

1. Can i convert RDBMS structure into elasticsearch for this scenario ?

2. I knew that API's are available for elasticsearch and also integration part, But what about Kibana ? Can i integrate those reporting into my app (I knew that we can integrate through embedded iframes) another way ?

Thanks in advance

---

<div class="post-metadata">

**Author:** ![tbragin](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tbragin/32/45166_2.png) [@tbragin](https://discuss.elastic.co/u/tbragin)\
**Post date:** [July 1, 2015, 3:41pm UTC](https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688/2 "2015-07-01T15:41:02Z")

</div>

> [@Thomas\_Crook\_Kindy](#):
>
> Can i convert RDBMS structure into elasticsearch for this scenario ?

Yes, you can use something like the Logstash JDBC input, for instance, to do a query and convert rows in RDBMS into documents. [GitHub - logstash-plugins/logstash-input-jdbc: Logstash Plugin for JDBC Inputs](https://github.com/logstash-plugins/logstash-input-jdbc) It's currently in beta, but should be GA'd in the next couple of weeks. You can also write your own data ingest for relational data, putting data directly into ES using ES API calls.

> [@Thomas\_Crook\_Kindy](#):
>
> I knew that API's are available for elasticsearch and also integration part, But what about Kibana ? Can i integrate those reporting into my app (I knew that we can integrate through embedded iframes) another way ?

iFrames is the typical way we see Kibana charts being integrated into portals. Aside from that, you can build your own visualizations on top of Elasticsearch, using Kibana as a way to understand how to structure your Elasticsearch queries. Behind every chart in Kibana there is information about what request is being sent to Elasticsearch (see screenshot).

 ![](https://us1.discourse-cdn.com/elastic/original/2X/b/bf0d039faf175b7ddc04fbcbc2fa6dc46c6693c1.png)

---

<div class="post-metadata">

**Author:** ![vganjare](https://avatars.discourse-cdn.com/v4/letter/v/dc4da7/32.png) [@vganjare](https://discuss.elastic.co/u/vganjare)\
**Post date:** [April 6, 2016, 12:58pm UTC](https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688/3 "2016-04-06T12:58:34Z")

</div>

Can you please share few examples for integrating Kibana charts as iframe?

Thanks!!

---

<div class="post-metadata">

**Author:** ![Joe\_Fleming](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/joe_fleming/32/3561_2.png) [@Joe\_Fleming](https://discuss.elastic.co/u/Joe_Fleming)\
**Post date:** [April 6, 2016, 5:46pm UTC](https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688/4 "2016-04-06T17:46:31Z")

</div>

There are a handful of products that do it, but I don't have any examples off the top of my head.

However, getting the iFrame code is pretty easy, it's under the share menu.

 ![](https://us1.discourse-cdn.com/elastic/original/2X/0/03815c2eecabc2d7a900578cbf72b34a475f28e7.jpg)

The first section contains the iFrame code you need for whatever you're looking at in Kibana.

 ![](https://us1.discourse-cdn.com/elastic/original/2X/5/53e6a35fbcfdfa7d797d46a625c3a9e4c70e4e40.jpg)

If you look at the `src` URL, you'll see the complete state of the visualization or dashboard or whatever it is that you are embedding. Generally we see user embedding visualizations, and when they need to change the time range or something else in them, they do so by modifying the URL in the iFrame from within their application.

---

<div class="post-metadata">

**Author:** ![vganjare](https://avatars.discourse-cdn.com/v4/letter/v/dc4da7/32.png) [@vganjare](https://discuss.elastic.co/u/vganjare)\
**Post date:** [April 7, 2016, 11:36am UTC](https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688/5 "2016-04-07T11:36:16Z")

</div>

Thanks!!

I have added Kibana iframe in my web page. This iframe is having vertical and horizontal scroll bar. Is it possible to change the size of the iframe depending on the content being loaded? I checked for various Javascript solutions, but all fails due to Cross Domain Policy.

Thanks!!!

---

<div class="post-metadata">

**Author:** ![Joe\_Fleming](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/joe_fleming/32/3561_2.png) [@Joe\_Fleming](https://discuss.elastic.co/u/Joe_Fleming)\
**Post date:** [April 7, 2016, 5:11pm UTC](https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688/6 "2016-04-07T17:11:45Z")

</div>

I'm pretty sure you can query into the iFrame from within the main app, but it's been a while since I've played around with anything like that and things may have changed with regard to access and browser security.

What is it that you are embedding in the iFrame? If it's a single visualization, then it _should_ resize to fit in the context of the frame. If it's an entire dashboard, then it'll try to do some resizing, but it may not fit if the target frame is very small.

---

<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:** [July 6, 2017, 1:56pm UTC](https://discuss.elastic.co/t/integrating-elasticseach-and-kibana-in-custom-app/24688/7 "2017-07-06T13:56:38Z")

</div>


