PDA

View Full Version : to hide scroll bars in view port



coooolmagic
21 Sep 2010, 2:29 AM
hi all

this is the north part of viewport config.
i need to display this of fixed height which is 76. But the page is slight bigger in height and as a result of this, scroll bar is getting displayed in IE in this iframe.

Is there any way I can force so it doesn't show scroll bar?


new Ext.Viewport({
layout: 'border',
renderTo: Ext.getBody(),
items: [{
region: 'north',
xtype: 'panel',
id:'title_bar',
bodyCfg: {tag: 'iframe', height: 76, src: '<%=Form.makeUrl(request, "/account.jsp")%>'}
}

laurentParis
21 Sep 2010, 3:02 AM
new Ext.Viewport({
layout: 'border',
renderTo: Ext.getBody(),
items: [{
region: 'north',
xtype: 'panel',
height: 76,
id:'title_bar',
bodyCfg: {tag: 'iframe', style: 'overflow: hidden;', height: 76, src: '<%=Form.makeUrl(request, "/account.jsp")%>'}
}
.... //must have center region !


May be you didn't want scrollbar on account.jsp, so on account.jsp, add css => body {overflow: hidden;}

coooolmagic
21 Sep 2010, 3:05 AM
it didn't help :(