using bootstrap for modal loading dialog

2014-03-09 20:50:41 -03:00
parent 2ec17259e8
commit 67ceede236
2 changed files with 13 additions and 39 deletions
--- a/wise-editor/src/main/webapp/html/editor.html
+++ b/wise-editor/src/main/webapp/html/editor.html
@@ -36,18 +36,16 @@
        });

    </script>
-    <style>
-        #mask {
-            position:absolute;
-            z-index:9000;
-            background-color:#000;
-            display:none;
-        }
-    </style>
 </head>
 <body>

-<div id="mask"></div>
+<div id='load' class="modal fade">
+    <div class="modal-dialog">
+        <div style="height: 120px; text-align: center; border: 2px solid orange" class="modal-content">
+            <img style='margin-top:25px; text-align: center' src="images/ajax-loader.gif">
+        </div>
+    </div>
+</div>

 <div id="header">