Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / message-box / msg-box.html
index aab408f..b643ca1 100644 (file)
@@ -1,85 +1,77 @@
-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>MessageBox</title>\r
-\r
-    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-    <!-- GC -->\r
-        <!-- LIBS -->\r
-        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
-        <!-- ENDLIBS -->\r
-\r
-    <script type="text/javascript" src="../../ext-all.js"></script>\r
-    <script type="text/javascript" src="msg-box.js"></script>\r
-\r
-    <!-- Common Styles for the examples -->\r
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-\r
-    <style type="text/css">\r
-        .x-window-dlg .ext-mb-download {\r
-            background:transparent url(images/download.gif) no-repeat top left;\r
-            height:46px;\r
-        }\r
-    </style>\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-<h1>MessageBox Dialogs</h1>\r
-<p>The example shows how to use the MessageBox class. Some of the buttons have animations, some are normal.</p>\r
-<p>The js is not minified so it is readable. See <a href="msg-box.js">msg-box.js</a>.</p>\r
-\r
-<p>\r
-    <b>Confirm</b><br />\r
-    Standard Yes/No dialog.\r
-    <button id="mb1">Show</button>\r
-</p>\r
-\r
-<p>\r
-    <b>Prompt</b><br />\r
-    Standard prompt dialog.\r
-    <button id="mb2">Show</button>\r
-</p>\r
-\r
-<p>\r
-    <b>Multi-line Prompt</b><br />\r
-    A multi-line prompt dialog.\r
-    <button id="mb3">Show</button>\r
-</p>\r
-\r
-<p>\r
-    <b>Yes/No/Cancel</b><br />\r
-    Standard Yes/No/Cancel dialog.\r
-    <button id="mb4">Show</button>\r
-</p>\r
-\r
-<p>\r
-    <b>Progress Dialog</b><br />\r
-    Dialog with measured progress bar.\r
-    <button id="mb6">Show</button>\r
-</p>\r
-\r
-<p>\r
-    <b>Wait Dialog</b><br />\r
-    Dialog with indefinite progress bar and custom icon (will close after 8 sec).\r
-    <button id="mb7">Show</button>\r
-</p>\r
-\r
-<p>\r
-    <b>Alert</b><br />\r
-    Standard alert message dialog.\r
-    <button id="mb8">Show</button>\r
-</p>\r
-\r
-<p>\r
-    <b>Icons</b><br />\r
-    Standard alert with optional icon.\r
-    <select id="icons">\r
-        <option id="error" selected="selected">Error</option>\r
-        <option id="info">Informational</option>\r
-        <option id="question">Question</option>\r
-        <option id="warning">Warning</option>\r
-    </select>\r
-    <button id="mb9">Show</button>\r
-</p>\r
-</body>\r
-</html>\r
+<!doctype html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>MessageBox</title>
+<style type="text/css">
+.x-message-box .ext-mb-download {
+    background: url("images/download.gif") no-repeat scroll 6px 0px transparent;
+    height: 52px!important;
+}
+</style>
+<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+<link rel="stylesheet" type="text/css" href="../shared/example.css" />
+<script type="text/javascript" src="../../bootstrap.js"></script>
+<script type="text/javascript" src="../shared/examples.js"></script>
+<script src="msg-box.js"></script>
+</head>
+<body>
+<h1>MessageBox Dialogs</h1>
+<p>The example shows how to use the MessageBox class. Some of the buttons have animations, some are normal.</p>
+<p>The js is not minified so it is readable. See <a href="msg-box.js">msg-box.js</a>.</p>
+
+<p>
+    <b>Confirm</b><br />
+    Standard Yes/No dialog. &nbsp;
+    <button id="mb1">Show</button>
+</p>
+
+<p>
+    <b>Prompt</b><br />
+    Standard prompt dialog. &nbsp;
+    <button id="mb2">Show</button>
+</p>
+
+<p>
+    <b>Multi-line Prompt</b><br />
+    A multi-line prompt dialog. &nbsp;
+    <button id="mb3">Show</button>
+</p>
+
+<p>
+    <b>Yes/No/Cancel</b><br />
+    Standard Yes/No/Cancel dialog. &nbsp;
+    <button id="mb4">Show</button>
+</p>
+
+<p>
+    <b>Progress Dialog</b><br />
+    Dialog with measured progress bar. &nbsp;
+    <button id="mb6">Show</button>
+</p>
+
+<p>
+    <b>Wait Dialog</b><br />
+    Dialog with indefinite progress bar and custom icon (will close after 8 sec). &nbsp;
+    <button id="mb7">Show</button>
+</p>
+
+<p>
+    <b>Alert</b><br />
+    Standard alert message dialog. &nbsp;
+    <button id="mb8">Show</button>
+</p>
+
+<p>
+    <b>Icons</b><br />
+    Standard alert with optional icon. &nbsp;
+    <select id="icons">
+        <option id="error" selected="selected">Error</option>
+        <option id="info">Informational</option>
+        <option id="question">Question</option>
+        <option id="warning">Warning</option>
+    </select> &nbsp;
+    <button id="mb9">Show</button>
+</p>
+</body>
+</html>