Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / index.html
index ab6e484..f02c20e 100644 (file)
@@ -1,9 +1,9 @@
 <html>
 <head>
-    <title>Ext JS 3.3 Examples</title>
+    <title>Ext JS 4.0 Examples</title>
 
     <style type="text/css">
-    
+
     #all-demos {
 
     }
@@ -82,6 +82,7 @@
         border:1px solid;
         border-color:#dadada #ebebeb #ebebeb #dadada;
         padding:2px;
+        font: 11px tahoma,arial,helvetica,sans-serif
     }
 
     #all-demos h2 {
@@ -90,7 +91,7 @@
         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">&copy; 2006-2010 Sencha Inc.</div>
-</div>
+        <div style="clear:both"></div>
+    </div><!-- end bd -->
 
-</div><!-- end viewport -->
+    <div id="ft">
+        <div class="copy">&copy; 2006-2011 Sencha Inc.</div>
+    </div>
 
+    </div><!-- end viewport -->
 
 </body>
-</html>
+</html>
\ No newline at end of file