# Simple iframe app shows empty page

**URL:** <https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041>\
**Category:** Kibana\
**Created:** [November 1, 2017, 2:07pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041 "2017-11-01T14:07:59Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![blueemerald](https://avatars.discourse-cdn.com/v4/letter/b/43a26b/32.png) [@blueemerald](https://discuss.elastic.co/u/blueemerald)\
**Post date:** [November 1, 2017, 2:07pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/1 "2017-11-01T14:07:59Z")

</div>

I have a kibana app plugin that is implemented as an iframe to another URL. When I go my kibana website the app plugin in shows up. When I click on my app (on the left side where all the apps are), it works just fine. But when I click on the app plugin again a white screen shows up instead of my expected content. Is there some setup I must perform in index.js or app.js, etc ... that will insure my iframe URL will show up when the app is clicked on ?

---

<div class="post-metadata">

**Author:** ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)\
**Post date:** [November 1, 2017, 3:01pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/2 "2017-11-01T15:01:03Z")

</div>

May I ask which version of Kibana you are using ?

Thanks  
Rashmi

---

<div class="post-metadata">

**Author:** ![blueemerald](https://avatars.discourse-cdn.com/v4/letter/b/43a26b/32.png) [@blueemerald](https://discuss.elastic.co/u/blueemerald)\
**Post date:** [November 6, 2017, 6:10pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/3 "2017-11-06T18:10:12Z")

</div>

5.3.4

---

<div class="post-metadata">

**Author:** ![blueemerald](https://avatars.discourse-cdn.com/v4/letter/b/43a26b/32.png) [@blueemerald](https://discuss.elastic.co/u/blueemerald)\
**Post date:** [November 7, 2017, 10:06pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/4 "2017-11-07T22:06:17Z")

</div>

Hi Rashmi,

5.3.4 is our Kibana version.

---

<div class="post-metadata">

**Author:** ![lukas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lukas/32/6812_2.png) [@lukas](https://discuss.elastic.co/u/lukas)\
**Post date:** [November 7, 2017, 10:34pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/5 "2017-11-07T22:34:20Z")

</div>

I'm having a little trouble envisioning what's happening here. Could you provide some screenshots? Thanks!

---

<div class="post-metadata">

**Author:** ![blueemerald](https://avatars.discourse-cdn.com/v4/letter/b/43a26b/32.png) [@blueemerald](https://discuss.elastic.co/u/blueemerald)\
**Post date:** [November 8, 2017, 12:48pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/7 "2017-11-08T12:48:09Z")

</div>

Lukas

Here is the view of the kibana App when our app is first selected from the left menu:

, ![tm-p1](https://us1.discourse-cdn.com/elastic/original/3X/2/1/21a0dfa266f098db058b1f9dc0afc933c2df47ed.jpg)

and here is the view when the our kibana App is clicked on again (in the left menu):

![tm-p2](https://us1.discourse-cdn.com/elastic/original/3X/9/c/9cc596a21b0bac53c56b5aa5dbbbb3d5e5c42a5b.jpg)

---

<div class="post-metadata">

**Author:** ![lukas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lukas/32/6812_2.png) [@lukas](https://discuss.elastic.co/u/lukas)\
**Post date:** [November 8, 2017, 3:52pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/8 "2017-11-08T15:52:08Z")

</div>

Yeah, this is an odd bug, and for some reason giving your page a default URL other than "/" seems to fix it.

So, rather than something like

```auto
require('ui/routes')
.when('/', {
  template: require('plugins/threat_model/templates/index.html')
})

```

Try something like

```auto
require('ui/routes')
.when('/home', {
  template: require('plugins/threat_model/templates/index.html')
})

```

---

<div class="post-metadata">

**Author:** ![blueemerald](https://avatars.discourse-cdn.com/v4/letter/b/43a26b/32.png) [@blueemerald](https://discuss.elastic.co/u/blueemerald)\
**Post date:** [November 13, 2017, 1:41pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/9 "2017-11-13T13:41:06Z")

</div>

Lukas,

When the threat model is first clicked on (from the left menu) the url that shows up in the browser contains the appended string, "#/?\_g=()". I'm not sure why.  
(as in  
[http://localhost:5601/app/threat\_model#/?\_g=()](http://localhost:5601/app/threat_model#/?_g=())  
)  
When it is clicked on again, the url is appended with this string: "#?\_g=()",  
(as in  
[http://localhost:5601/app/threat\_model#?\_g=()](http://localhost:5601/app/threat_model#?_g=())  
)  
and when clicked on a 3rd time it becomes this:  
[http://localhost:5601/app/threat\_model#](http://localhost:5601/app/threat_model#)

None of these urls match the intended:  
[http://localhost:5601/app/threat\_model](http://localhost:5601/app/threat_model)

So something in the code flow when clicking on the left menu "Threat Model" is appending these various strings.

P.S.  
I did try what you suggested, but it did not fix the issue.

---

<div class="post-metadata">

**Author:** ![blueemerald](https://avatars.discourse-cdn.com/v4/letter/b/43a26b/32.png) [@blueemerald](https://discuss.elastic.co/u/blueemerald)\
**Post date:** [November 20, 2017, 6:48pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/10 "2017-11-20T18:48:37Z")

</div>

You can reproduce my problem, by downloading this kibana app plugin:

> **[asileon/kibana\_shard\_allocation](https://github.com/asileon/kibana_shard_allocation)**
>
> kibana\_shard\_allocation - Elasticsearch Shards Allocation visualization as a kibana plugin

Startup kibana, and click on the "shard" app on the left.  
You will notice it comes up fine.

Click on it again, and you will see the white screen I speak of.

* * *

Note, I am using kibana 5.3.2 and I also changed the shard plugin to reference that version as well.

---

<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:** [December 18, 2017, 6:49pm UTC](https://discuss.elastic.co/t/simple-iframe-app-shows-empty-page/106041/11 "2017-12-18T18:49:24Z")

</div>

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