View Full Version : IFRAME overlapping other tabpanel containers

1 Dec 2013, 11:18 PM
I am using tabpanel. There are two childs for the tabpanel. In tab1 i am displaying normal ExtJS items.
But in tab2 I am loading a html file using Iframe like below.
xtype : "component",
flex: 1,
autoEl : {
tag : "iframe",
frameborder: 0,
src : "some.html"
I am able to load the html content. But when i want to navigate to the tab1. the html content in the tab2 is over lapping the content of tab1. I tried to hide the content of iframe, but its not working. Is there any solution to hide the iframe content when navigating to the other items of the tabpanel

3 Dec 2013, 1:31 PM
Have you tried using Ext.ux.IFrame for ease?

4 Dec 2013, 3:42 AM
Tried with uxiframe. But still there is no change in out put. Still the Iframe content is overlapping others.
Is there a way to hide and show the Iframe content.

5 Dec 2013, 10:22 AM
Is there any alternative to Iframe for loading an external html in extjs application. We should be able to call any javascript methods inside that extrenal html from our extjs application.