Iframe scrolling whole panel is it possible to scroll particular iframe.

[AswaniKumar]

I am creating iframe assign some src. In the same page tab bar contains 4 tabs. after loading the iframe src web page the panel have been re sized to the webpage size.scroll the whole panel tab bars also. I want to display the webpage with the panel size provide scrolling for the iframe only is it possible if any one knows plz give reply...

this is my source.

Ext.define('Ext.ux.IframeComponent', {
extend: 'Ext.Component',
xtype: 'iframecmp',
config: {
url : null,
baseCls : Ext.baseCSSPrefix + 'iframe'
},
initialize: function() {
var me = this;
me.callParent();
me.iframe = this.element.createChild({
tag : 'iframe',
src : this.getUrl(),
style : 'width: 200px; height: 300px;float:left;overflow:hidden;'
});
me.relayEvents(me.iframe, '*');
}
});


Ext.define('FirstApp.view.Weather',{
extend:'Ext.Panel',


xtype:'weather',
config:{
items:[
{
title : 'Google',
iconCls : 'action',
xtype : 'iframecmp',
url : 'http://weather.com'
}
]
}
});

[mitchellsimoens]

Interactions like scrolling will only be on the top document so iframes are child documents of the top document and will not receive the events.

[AswaniKumar]

Thank you.

Is there any other way to scroll the webpage with in the panel size.

[chrisminniti]

i know this isn't the answer you want, but I would really try not to use iframes. They do not perform well in Sencha.

[AswaniKumar]

I am also trying so many ways but not working. in which way you reached your requirement. give me any suggestion if you know how to display the web page in sencha 2 with out the iframe concept.

[chot2]

hi AswaniKumar did u find any solution for this ?

[AswaniKumar]

No. I doesn't find any solution searching for the solution using phonegap. I have found the link shown below, but I have not apply to my application.

http://a.shinynew.me/post/1978677538...browser-plugin