Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / message-box / msg-box.html
diff --git a/examples/message-box/msg-box.html b/examples/message-box/msg-box.html

index 91ab90c..b643ca1 100644 (file)
--- a/examples/message-box/msg-box.html
+++ b/examples/message-box/msg-box.html
@@ -1,84 +1,76 @@
+<!doctype html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>MessageBox</title>
-
-    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
-    <!-- GC -->
-        <!-- LIBS -->
-        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
-        <!-- ENDLIBS -->
-
-    <script type="text/javascript" src="../../ext-all.js"></script>
-    <script type="text/javascript" src="msg-box.js"></script>
-
-    <!-- Common Styles for the examples -->
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
-
-    <style type="text/css">
-        .x-window-dlg .ext-mb-download {
-            background:transparent url(images/download.gif) no-repeat top left;
-            height:46px;
-        }
-    </style>
+<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>
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
  <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.
+    Standard Yes/No dialog. &nbsp;
      <button id="mb1">Show</button>
  </p>
  
  <p>
      <b>Prompt</b><br />
-    Standard prompt dialog.
+    Standard prompt dialog. &nbsp;
      <button id="mb2">Show</button>
  </p>
  
  <p>
      <b>Multi-line Prompt</b><br />
-    A multi-line prompt dialog.
+    A multi-line prompt dialog. &nbsp;
      <button id="mb3">Show</button>
  </p>
  
  <p>
      <b>Yes/No/Cancel</b><br />
-    Standard Yes/No/Cancel dialog.
+    Standard Yes/No/Cancel dialog. &nbsp;
      <button id="mb4">Show</button>
  </p>
  
  <p>
      <b>Progress Dialog</b><br />
-    Dialog with measured progress bar.
+    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).
+    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.
+    Standard alert message dialog. &nbsp;
      <button id="mb8">Show</button>
  </p>
  
  <p>
      <b>Icons</b><br />
-    Standard alert with optional icon.
+    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>
+    </select> &nbsp;
      <button id="mb9">Show</button>
  </p>
  </body>