Roo/bootstrap/Form.js

diff --git a/Roo/bootstrap/Form.js b/Roo/bootstrap/Form.js
index 98f40bf..6b41c0d 100644 (file)
--- a/Roo/bootstrap/Form.js
+++ b/Roo/bootstrap/Form.js
@@ -571,13 +571,11 @@ Roo.apply(Roo.bootstrap.Form, {
                 return;
             }
             
-            var cfg = { tag: "div", cls:"x-dlg-mask roo-form-mask" };
-            
             this.maskEl = {
-                top : Roo.DomHelper.append(Roo.get(document.body), cfg, true),
-                left : Roo.DomHelper.append(Roo.get(document.body), cfg, true),
-                bottom : Roo.DomHelper.append(Roo.get(document.body), cfg, true),
-                right : Roo.DomHelper.append(Roo.get(document.body), cfg, true)
+                top : Roo.DomHelper.append(Roo.get(document.body), { tag: "div", cls:"x-dlg-mask roo-form-top-mask" }, true),
+                left : Roo.DomHelper.append(Roo.get(document.body), { tag: "div", cls:"x-dlg-mask roo-form-left-mask" }, true),
+                bottom : Roo.DomHelper.append(Roo.get(document.body), { tag: "div", cls:"x-dlg-mask roo-form-bottom-mask" }, true),
+                right : Roo.DomHelper.append(Roo.get(document.body), { tag: "div", cls:"x-dlg-mask roo-form-right-mask" }, true)
             };
             
             this.maskEl.top.enableDisplayMode("block").setStyle('position', 'fixed');