PDA

View Full Version : Not able to bring up the panel after resizing the window.



rney_aspect
12 Dec 2012, 2:02 AM
We have a “Panel” in a Viewport please refer the following src. The following is called from the init function. The panel is made visible and hidden on the click of an button. Everything works fine as expected.

Whenever a user re-size this window and then maximizes it again the panel doesn’t come up anymore sill I close and reopen the entire window. Please see the attached screenshot.

We are using EXTJS 3.2 version.

It would be helpful if you can suggest us some solution for this issue.

4075540756


viewport = new Ext.Viewport( {
layout :'border',
id :"test_viewport",
bufferResize : 50,
items : [
new Ext.BoxComponent( {
region :'north',
el :'north',
id :"north-panel",
split :true,
margins :'0 0 0 0',
height :32,
split: false

}), {
region :'south',
contentEl :'south',
split :true,
height :25,
minSize :0,
maxSize :25,
collapsible :false,
margins :'0 0 0 0',
bbar :new Ext.ux.StatusBar( {
id :'my-status',
defaultText :'',
defaultIconCls :'default-icon',
text :'',
iconCls :'ready-icon',
items : [ {id:'CldObj',text:'NA' + " |"},{text:parent.display_Locale},'-',
{text:displayDomainName+"\\"+userId},'-',{text:i18nUserRole},'-',
{text:i18nuseridshortform},{id:'uidObj',text:'NA'},'-',
{text:i18nclientidshortform},{id:'cidObj',text:'NA'},'-',
{text:i18nstatusbardata},{id:'dataObj',text:parent.i18noff},'-',
{text:i18ntotalactivethresholdshortform},{id:'tatObj',text:'NA'},'-',
{text:i18nlastdataarrivedshortform},{id:'ldaObj',text:'NA'},'-',
{text:i18ncanvasresolutiondesignedat + ":"},{id:'canvasresobj',text:'NA'}]
})
}, {
region :'west',
id :'west-panel',
title :i18nCanvasExplorer,
collapseClick:overWriteTitleClick,
split :true,
width :200,
minSize :175,
maxSize :400,
collapsible :true,
autoScroll: true,
margins :'0 0 0 5',
layout :'accordion',
layoutConfig : {
animate :true
},
items : leftPanelItems,
bbar : [ {
cls :'x-btn-icon',
icon :path + '/images/save.gif',
listeners : {
click :addFn
},
tooltip: i18nsavecanvastooltip,
id :'savePrivateCanvasIcon'
}, {
cls :'x-btn-icon',
icon :path + '/images/delete.gif',
id :'deletePrivateCanvasIcon',
tooltip: i18ndeleteprivatecanvastooltip,
listeners : {
click :deleteFn
}
}, {
cls :'x-btn-icon',
icon :path + '/images/email_open.png',
tooltip: i18nshowrollbarmessagetooltip,
listeners : {
click :showRollbar
},
id :'openRollBarMessage'
}, {
cls :'x-btn-icon',
icon :path + '/images/email.png',
listeners : {
click :hideRollbar
},
tooltip: i18nhiderollbarmessagetooltip,
id :'CloseRollBarMessage'

}, {
cls :'x-btn-icon',
icon :path + '/images/print.gif',
listeners : {
click :printCurrentTab
},
tooltip: i18nprintpreviewtooltip,
id :'printActiveCanvas'
}, {
cls :'x-btn-icon',
icon :path + '/images/help.gif',
listeners : {
click :setHelp
},
tooltip: i18nhelpbuttontooltip,
id :'helpForRealtimeWebClient'
},
{
cls :'x-btn-icon',
icon :path + aboutPageIconUrl,
listeners : {
click :openAboutDialog
},
tooltip: i18aboutbuttontooltip,
id :'aboutViewPoint'
} ,
{
cls :'x-btn-icon',
id: 'fullScreenButton',
listeners : {
click :showInFullScreen
},
tooltip: i18nfullscreen,
icon:path + '/images/maximise_16_h.gif'
} ,
{
cls :'x-btn-icon',
id: 'normalScreenButton',
listeners : {click :showInNormalScreen},
tooltip: i18nnormalscreen,
icon:path + '/images/minimise_16_h.gif'
},
{
cls :'x-btn-icon',
id: 'datasourceerror',
listeners : {click :showDataSourceErrorMsg},
tooltip: i18nWarnHead,
icon:path + '/images/application_error.png'
}
]
}, {
region :'center',
layout :'border',
items : [ CanvasTabPanel = new Ext.TabPanel( {
region :'center',
id :'center-panel',
deferredRender :false,
activeTab :0,
enableTabScroll :true,
layoutOnTabChange:true,
listeners : {
remove :customCloseTab,
tabchange : activateTabFunction
},
defaults : {
autoScroll :true
},
items : [ {
id :'launchPage',
title :i18nlaunchPage,
autoLoad :pageToLaunch,
autoScroll :true
} ]
}), new Ext.Panel( {
id :'rollBarPanel',
region :'south',
preventBodyReset : true,
html: '<div align="center" id="rollbardiv"><br><marquee id="adminMsg_1" behavior="scroll" scrollamount="2" ></marquee></div>',
resizable:true,
boxMinHeight :20,
boxMaxHeight :150,
hidden : true,
height :40
}) ]
} ]
});

mitchellsimoens
14 Dec 2012, 6:37 AM
I would set a break point to follow the code. Hard to know without running example code.