<html>
<head>
- <title>Ext JS 3.3 Examples</title>
+ <title>Ext JS 4.0 Examples</title>
<style type="text/css">
-
+
#all-demos {
}
border:1px solid;
border-color:#dadada #ebebeb #ebebeb #dadada;
padding:2px;
+ font: 11px tahoma,arial,helvetica,sans-serif
}
#all-demos h2 {
padding-top:6px;
}
#all-demos h2 div {
- background:transparent url(../resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
+ background:transparent url(../resources/themes/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
color:#3764a0;
font:bold 11px Helvetica, Arial, sans-serif;
padding:4px 4px 4px 17px;
#all-demos dd h4 span.updated-sample{
color: blue;
}
+ li {
+ list-style: inherit !important;
+ }
+
</style>
</head>
<body>
-<div id="loading-mask" style=""></div>
-<div id="loading">
- <div class="loading-indicator"><img src="shared/extjs/images/extanim32.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>Ext JS 3.3 - <a href="http://www.sencha.com">sencha.com</a><br /><span id="loading-msg">Loading styles and images...</span></div>
-</div>
-
-<div id="viewport">
-
-<div id="hd">
- <a href="/" id="logo"><img src="../welcome/images/logo-sencha-sm.png" alt="Sencha" width="120" height="50" /></a>
-
-</div>
-
-<div id="bd">
- <h1 id="pagetitle">Ext JS 3.3 Samples <a href="../docs/">View Documentation</a></h1>
- <div class="left-column">
- <div id="sample-spacer" style="height:800px;"></div>
-
- <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
- <link rel="stylesheet" type="text/css" href="shared/extjs/css/extjs.css" />
-
- <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>
- <script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
- <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
- <script type="text/javascript" src="../ext-all-debug.js"></script>
- <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
+ <div id="loading-mask" style=""></div>
+ <div id="loading">
+ <div class="loading-indicator">
+ <img src="shared/extjs/images/extanim32.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>Ext JS 4.0 - <a href="http://www.sencha.com">sencha.com</a>
+ <br /><span id="loading-msg">Loading styles and images...</span>
+ </div>
+ </div>
- <!-- App.js contains Ext.App, a simple, re-usable Application component -->
- <script type="text/javascript" src="shared/extjs/App.js"></script>
- <script type="text/javascript" src="shared/extjs/site.js"></script>
- <script type="text/javascript" src="data.js"></script>
- <script type="text/javascript" src="init.js"></script>
+ <div id="viewport">
- <div id="all-demos">
+ <div id="hd">
+ <a href="http://www.sencha.com" id="logo"><img src="../welcome/img/logo-sencha-sm.png" alt="Sencha" width="120" height="50" /></a>
</div>
- </div>
- <div class="right-column">
- <div class="side-box"><div class="side-box-inner">
- <ul id="sample-menu" class="features"></ul>
- </div></div>
- </div>
+ <div id="bd">
+ <h1 id="pagetitle">
+ Ext JS 4.0 Samples
+ <div>
+ <a href="../docs/index.html">View Documentation</a>
+ <a href="../release-notes.html">Release Notes</a>
+ </div>
+ </h1>
+ <div class="left-column">
+ <div id="sample-spacer" style="height:800px;"></div>
+
+ <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
+ <link rel="stylesheet" type="text/css" href="shared/extjs/css/extjs.css" />
+
+ <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>
+ <script type="text/javascript" src="../ext-all-debug.js"></script>
+ <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
+ <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
+
+ <!-- App.js contains Ext.App, a simple, re-usable Application component -->
+ <script type="text/javascript" src="shared/extjs/App.js"></script>
+ <script type="text/javascript" src="shared/extjs/site.js"></script>
+ <script type="text/javascript" src="examples.js"></script>
+ <script type="text/javascript" src="init.js"></script>
+
+ <div id="all-demos">
+ </div>
+ </div>
- <div style="clear:both"></div>
-</div><!-- end bd -->
+ <div class="right-column">
+ <div class="side-box"><div class="side-box-inner">
+ <ul id="sample-menu" class="features"></ul>
+ </div></div>
+ </div>
-<div id="ft">
- <div class="copy">© 2006-2010 Sencha Inc.</div>
-</div>
+ <div style="clear:both"></div>
+ </div><!-- end bd -->
-</div><!-- end viewport -->
+ <div id="ft">
+ <div class="copy">© 2006-2011 Sencha Inc.</div>
+ </div>
+ </div><!-- end viewport -->
</body>
-</html>
+</html>
\ No newline at end of file