PDA

View Full Version : panel raised up from its original position



sachin sachdeva
16 Oct 2010, 12:01 AM
Hello sir
I am using Two view ports whose code i am sending u below now my problem is that one of the panel in the view port raised up slightly from its position as you can see it in my attachments plz help me to sort this out.

Code
viewport = new Ext.Viewport(
{
layout : 'border',
items : [
new Ext.BoxComponent( { // raw
region : 'north',
el : 'north',
height : 110
}),

{
region : 'west',
id : 'west-panel',
title : 'Navigation',
split : true,
hide : true,
width : 225,
minSize : 175,
maxSize : 400,
layout : 'fit',
margins : '0 5 0 0',
layout : 'accordion',
layoutConfig : {
animate : true
},
items : [
metaDataPanel = new Ext.Panel(
{
collapsible : true,

id : 'metaDataPanel',
title : 'Metadata Search',
autoScroll : true,

items : [ {
// title : 'Search these
// metadata fields',
autoHeight : false,
html : '<iframe scrolling="no" style="width:100%;height:422px;overflow:hidden;" name="asssetSearchFrame" frameborder = "0" src="search.jsp?"></iframe>'

} ]
}) ]

{
region : 'east',
id : 'east-panel',
title : 'Information',
collapsible : true,
.
.

layoutConfig : {
animate : true
},


items : [
previewPanel = new Ext.Panel( {
collapsible : true,
id : 'previewPanel',
title : 'Preview',
autoScroll : true,
items : new Ext.DataView( {
id : 'thumbnail-preview',
autoHeight : true,
store : contentStore,
tpl : contentTemplate,
loadingText : 'Loading...',
autoHeight : false,
multiSelect : false,
itemSelector : 'div.preview',
emptyText : 'No preview'
})
})
},


mainTabPanel ]
});
},

plz help meeeee