PDA

View Full Version : Ext.loadMask of other component appears above tabpanel



nitinkalra2000
16 Nov 2013, 1:30 AM
Hi All,

I am facing one issue as follows :

On a screen we have different components and there is a tab panel which is positioned in south of the screen. Its a floating tab panel i.e on click of any tab in it, it comes on full screen otherwise remains in south.

Now if one chart component is rendering and showing LoadMask, If we click on tab panel, the tab panel will cover the screen but the LoadMask of other components is still rendering will start appearing on the tabpanel container. Ideally it should remain behind the tabpanel.

Can anybody help me here to get me understand how to keep the LoadMask in back of tabpanel.

code for tab panel is something like below :





region : 'south',
id : 'mypanel',
xtype : 'tabpanel',
border : false,
collapsible : true,
floatable : false,
collapsed : true,
collapseMode : 'header',
collapseFirst : true,
collapseDirection : 'bottom',
hideCollapseTool : true,
titleCollapse : false,
animCollapse : true,
animate : true,
autoHeight : true,
header : false,
hidden : true,
activeTab : 0,
layout : {
type : 'card',
animation : {
type : 'slide',
direction : 'up'
}
},

listeners:{
show:....
hide: ....
},

scottmartin
16 Nov 2013, 8:37 AM
They are going to stack ... Please create a working example of what you have:
https://fiddle.sencha.com/#home

nitinkalra2000
18 Nov 2013, 3:20 AM
Attached the snaphot

Hi All,

I am facing one issue as follows :

On a screen we have different components and there is a tab panel which is positioned in south of the screen. Its a floating tab panel i.e on click of any tab in it, it comes on full screen otherwise remains in south.

Now if one chart component is rendering and showing LoadMask, If we click on tab panel, the tab panel will cover the screen but the LoadMask of other components is still rendering will start appearing on the tabpanel container. Ideally it should remain behind the tabpanel.

Can anybody help me here to get me understand how to keep the LoadMask in back of tabpanel.

code for tab panel is something like below :





region : 'south',
id : 'mypanel',
xtype : 'tabpanel',
border : false,
collapsible : true,
floatable : false,
collapsed : true,
collapseMode : 'header',
collapseFirst : true,
collapseDirection : 'bottom',
hideCollapseTool : true,
titleCollapse : false,
animCollapse : true,
animate : true,
autoHeight : true,
header : false,
hidden : true,
activeTab : 0,
layout : {
type : 'card',
animation : {
type : 'slide',
direction : 'up'
}
},

listeners:{
show:....
hide: ....
},

scottmartin
18 Nov 2013, 6:31 AM
As mentioned, we will need a working example that we can run.