+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ext.ux.StatusBar Examples</title>
+ <!-- Ext -->
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
- <script type="text/javascript" src="../../adapter/ext/ext-base.js"> </script>
- <script type="text/javascript" src="../../ext-all.js"> </script>
- <script type="text/javascript" src="../ux/StatusBar.js"> </script>
-
- <link rel="stylesheet" type="text/css" href="../ux/css/StatusBar.css" />
- <script type="text/javascript" src="statusbar-demo.js"> </script>
-
- <link rel="stylesheet" type="text/css" href="../../examples/shared/examples.css" />
-
+ <script type="text/javascript" src="../../bootstrap.js"></script>
+
+ <link rel="stylesheet" type="text/css" href="../ux/statusbar/css/statusbar.css" />
+ <link rel="stylesheet" type="text/css" href="../../examples/shared/example.css" />
<style>
body .x-panel {
margin-bottom:20px;
}
</style>
+ <script type="text/javascript" src="statusbar-demo.js"> </script>
</head>
<body>
<h1>StatusBar Examples</h1>
- <p>Here are several examples of using and customizing the Ext.ux.StatusBar component.</p>
+ <p>Here are several examples of using and customizing the <a href="../ux/statusbar/StatusBar.js">Ext.ux.StatusBar</a> component.</p>
<p>Note that the js is not minified so it is readable. See <a href="statusbar-demo.js">statusbar-demo.js</a>.</p>
<h2>Basic StatusBar</h2>
<p>This is a simple StatusBar with a few standard Toolbar items included.</p>
<div id="basic"></div>
- <p>
<h2>Right-Aligned StatusBar</h2>
<p>This is a simple StatusBar that has the status element right-aligned. Any StatusBar items will be added in
simulated auto-save process will begin.</p>
<div id="word-proc"></div>
</body>
-</html>
+</html>
\ No newline at end of file