PDA

View Full Version : Window Modal Problem



kantha.exe
9 Aug 2012, 11:14 PM
Hi,
I am using ViewPort in Exjs3
I have a problem with Window Modal....

This is my sample screen shot here inner Panel Contain Grid in Double click of I am popup a window its only Hiding (Modal) the inner Pannel ....Its Fine

But i want DISABLE whole View Port means MODAL...

How.... ?

Any Idea...?:-?

37841

Farish
10 Aug 2012, 12:16 AM
are you using modal: true in your window config? that disabled the whole app area in ExtJS 4. may be behaviour was different in previous versions.

if you post some code, may be someone can take a look.

friend
10 Aug 2012, 4:26 AM
Moved to Ext 3.x Help & Discussion.

willigogs
10 Aug 2012, 4:45 AM
As Farish has already posted, make sure you have the "modal: true" config added to your window.

kantha.exe
16 Aug 2012, 9:15 PM
here i am using like IFRAMES in center region I am Displaying the grid from there window should should popup ......


var viewport = new Ext.Viewport({ layout : 'border',
items : [


new Ext.BoxComponent({
region : 'north',
height : 50,
autoEl : {
tag : 'table',
// <td width="10%" height="20%" align="'+alignheading+'" border=1 style="'+paddingheading+'" valign="middle" class="arcs'+selectedTheme+'">'+appHeading+' </td>
html : '<tr width="100%"><td width="10%" style="'+paddinglogo+' "><img src="/ftsarcs/images/TECHNOVA.gif" height="50px"/></td>'

+'<td width="50%" valign="bottom">'
+'<table border="0" width="100%"><tr width="100%"><td width="'+widthH1+'%" rowspan="2" align="'+alignheading+'" border=1 style="'+paddingheading+'" valign="middle" class="arcs'+selectedTheme+'">'+appHeading+'</td><td style="font-size: 12px;"align="right">&nbsp;'+welcm+' '+userName+'</td><td id="clock" colspan="5" align="'+aligntimer+'" style="'+paddinglinks+'"></td></tr>'
+'<tr>'+td+'<td style="font-size: 12px;" align="right" ><select id="theme123" style="width='+themeWidth+';" onChange="themeChange();"><option value="blue"> '+bluethem+' </option><option value="grey"> '+greythem+' </option></select></td><td style="font-size: 12px;" align="center" ></td>'
+'<td style="font-size: 12px;">&nbsp;<a href="dashBoardOnCondition.action?lang='
+ lang

+'"target="iframe">'+home+'</a></td><td style="font-size: 12px;" align="center"><a href="changepassword.action?lang='+lang+'" target="iframe">'+changepassd+'</a></td><td style="font-size: 12px;">&nbsp;<a href="FindingsChart.action?lang='
+ lang

+'"target="iframe">'+analysis+'</a></td><td style="font-size:12px;"><a href="mailBox.action?lang='+lang+'"target="iframe">'+mailbox+'</a></td><td style="font-size: 12px;">'+linkString+'</td><td style="font-size: 12px;'+paddinglinks+'" align="right"><a href="#" onClick=call();>'+logout+'</a>'
+'</td></tr></table></td></tr>'


}
}),


{
// if(lang=='en'){
// console.log('lanag>>>>>>>'+lang);
// }
region : alignRegion,
id : 'west-panel',
/* title : '<span class="menutitle'+selectedTheme+'">'+optionLabel+'</span>',*/
title:'',
split : true,
width : 180,
minSize : 175,
maxSize : 500,
height : 500,
collapsible : true,
margins : '0 0 10 0',


layout : {
type : 'accordion',
animate : true


},
items : [

]


},


{
region : 'center',
margins : marginCR,
autoScroll: true,
items : [ {
region : 'center',
//autoScroll: true,
id : 'content',
layout : 'card',
height : 800,

// autoWidth: true,

html :'<iframe src ="dashBoardOnCondition.action?lang=' + lang + '" width="100%" height="100%" border="2" name="iframe" align="center" style:"overflow: hidden;"></ iframe>'
} ]


} ]
});