Extending Ext.nd Alpha 2 to support categorized views :: [Archive] Extending Ext.nd Alpha 2 to support categorized views Ext.nd for Notes/Domino The problem was due to the fact that I modified the form Ext.nd. http://extjs.com/forum/archive/index.php/t-9495.html?pda=1HOME
IE6 Problem: form.el.mask(testing, x-mask-loading :: IE6 Problem: form.el.mask(testing, x-mask-loading); Ext 1.x: Bugs In IE6 the message displays but the mask pops up below the form. http://www.extjs.com/forum/showthread.php?p=26125HOME
form.load({
params:{action:'get'},
waitMsg:'Loading...',
success:function(a,b){
var r=ds.reader.read(b.response);
ds.loadRecords(r,{},true);
},
scope:this
});
}, form);
form.addButton('Save', function(){
var r=ds.getRange();
debugger;
form.submit({params:{action:'put'}, waitMsg:'Saving...'});
}, form);
form.render('formId');
var g = new Ext.grid.Grid(f.getEl().child('div'), {
ds: ds,
cm: cm,
selModel: new Ext.grid.RowSelectionModel(),
enableColLock:true
});
g.render();
I am also experiencing this problem using IE7. It works as expected in FF. I have tried again after updating to 1.0.1, but the problem still exists.
Once I set waitMsgTarget = true to get it to use the loadMask, the problem occurs. If I don't set this (or set it to false) to get it to use the progress dialog, it works as expected.
eh? might have to check it in IE itself using the IE webdeveloper plugin... i'm thinking IE might have appended the mask just after the opening tag
Well be default the form is in a div and the mask divs are siblings.
I wrapped that div in another div and moved the mask out a level.
Exact same results.
Oh, I tried it in IE7
The mask displays perfectly. But once it is unmasked the buttons and fieldsets and labels dissappear with it.
Can't we just make everyone use FF in this world?
EDIT: I can host this example if you want but I'll will have to put your latest svn up also (making it available to any interested parties). Is that ok?
Here is a simple example that uses the built in masking from the form.
In FF everything is masked, and the message pops displays as expected.
In IE6 the message displays but the mask pops up below the form.
EDIT: this requires the latest SVN
I'm trying to use the built in mask when calling form.load({waitMsg:'Loading...'}); when waitMsgTarget is set to true. You should be able to reproduce this with the following code (modified from the 4th post in this thread to minimize code):
Test
It's very possible that a form doesn't have dimensions in IE because it isn't a visual element. I wouldn't be shocked. Can you try wrapping the form in a div and seeing if you have a different outcome?
I am still experiencing this problem. I have gotten the latest from SVN. I am using ext-all.css. I have tried setting zoom:1 on the form field, but it didn't help (or were you talking about a different element?).
To clarify, when waitMsgTarget is set to true and the form is loading, I see the form fields and the loading indicator. However, in IE the fields disappear once the loading indicator disappears. In FF, it works as expected. If I set waitMsgTarget to false, it works as expected.
Has anyone been able to resolve this problem? Can anyone think of something else I can try or give advice on how to debug this issue?
The 2nd example posted above seems to mask fine in IE7. I have done nothing special to it. I am still trying to get the items to reappear though. Maybe it is an indexing problem. I suppose I better start using the EXT debugger.
EDIT: Walking through the EXT inspector seems to make the objects reappear. Wierd. Oh I am using the -debug file. Let me try it with out.
EDIT: No difference when using the ext-all.js Wouldn't figure. In IE7 the objects start reappearing as I click the checkbox and radio boxes. Buttons sometimes show.
Appended to the end of the inside of the form
FireBug Inspector
-
+
+
+
Im using ext-all.css
ok, i'm out of ideas... have to refer this to the founder. ;)
btw, have you tried masking a different element?
Im having a simaler problem in ie7 with mask()
var theForm = Ext.get('userInfoForm');
form.el.mask("Loading...", "x-mask-loading");
If I use this on my form all of the fields are gone, if I rem out my mask stuff the form displays correctly.
BTW - I do not see the mask at all, it just wipes out the fields, it also never seams to unmask, even though I call it, and it works in ff.
EDIT: useing waitMsgTarget= true, instead of a manual mask works in ff, but does nothing at all in ie. waitMsgTarget does not blank out the fields in ie, so Ill use that until a fix is in place.
its is warpped in a div, the whole form:
What are you trying to mask - the form element or a wrapper element?
Hi just wanted to say im having the same issue, on IE7 though,
im trying to mask the that surrounds the form, and it looks like the mask is under all the form elements on IE7, further testing showed that in the ext examples, the xml form example also has the same problem under ie7.
is that example working ok for the rest of you?
Thanks,
Rob.
don't have SVN access, but is the mask being appended before or after the in the DOM?
Oh, I tried it in IE7
The mask displays perfectly. But once it is unmasked the buttons and fieldsets and labels dissappear with it.
Well i would be interested to see how you got it to wor on IE7, because it doesnt for me even if i warp it in another div.
on a side note, this should fix your dissappearing problems:
var box = Ext.get('maindiv');
box.applyStyles({display:"block"});
Rob.
Ext Debug Console & Inspector reports the same thing in IE6
You will need to set your form to display:block or mask a different element.
I tacked this in front of the mask
form.el.applyStyles({display:"block"});
I am still getting the same results.
BasicForm.beforeAction uses this mask code. And I find that it does not work in IE6.
Was just trying to narrow the problem down. In IE the mask appears to sit behind all of the form elements.
Are you including core.css (or ext-all.css)?
For the IE problems, try setting zoom:1 on the element.
