-<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.
+ <button id="mb1">Show</button>
+</p>
+
+<p>
+ <b>Prompt</b><br />
+ Standard prompt dialog.
+ <button id="mb2">Show</button>
+</p>
+
+<p>
+ <b>Multi-line Prompt</b><br />
+ A multi-line prompt dialog.
+ <button id="mb3">Show</button>
+</p>
+
+<p>
+ <b>Yes/No/Cancel</b><br />
+ Standard Yes/No/Cancel dialog.
+ <button id="mb4">Show</button>
+</p>
+
+<p>
+ <b>Progress Dialog</b><br />
+ Dialog with measured progress bar.
+ <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).
+ <button id="mb7">Show</button>
+</p>
+
+<p>
+ <b>Alert</b><br />
+ Standard alert message dialog.
+ <button id="mb8">Show</button>
+</p>
+
+<p>
+ <b>Icons</b><br />
+ Standard alert with optional icon.
+ <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>
+ <button id="mb9">Show</button>
+</p>
+</body>
+</html>
git.ithinksw.org / extjs.git / blobdiff