Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / examples / index.html
index 4d33f25..51b64c6 100644 (file)
-<html>\r
-<head>\r
-    <title>Ext JS 3.1 Examples</title>\r
-\r
-    <style type="text/css">\r
-    #all-demos {\r
-\r
-    }\r
-    #all-demos dd {\r
-        float:left;\r
-        width:300px;\r
-        height:100px;\r
-        margin:5px 5px 5px 10px;\r
-        cursor:pointer;\r
-        zoom:1;\r
-    }\r
-    #all-demos dd img {\r
-        width:120px;\r
-        height:90px;\r
-        margin:5px 0 0 5px;\r
-        float:left;\r
-    }\r
-\r
-    #all-demos dd div {\r
-        float:left;\r
-        width:160px;\r
-        margin-left:10px;\r
-    }\r
-\r
-    #all-demos dd h4 {\r
-        font-family:tahoma,arial,san-serif;\r
-        color:#555;\r
-        font-size:11px;\r
-        font-weight:bold;\r
-    }\r
-    #all-demos dd p {\r
-        color:#777;\r
-    }\r
-    #all-demos dd.over {\r
-        background: #F5FDE3 url(shared/extjs/images/sample-over.gif) no-repeat;\r
-    }\r
-    #loading-mask{\r
-        position:absolute;\r
-        left:0;\r
-        top:0;\r
-        width:100%;\r
-        height:100%;\r
-        z-index:20000;\r
-        background-color:white;\r
-    }\r
-    #loading{\r
-        position:absolute;\r
-        left:45%;\r
-        top:40%;\r
-        padding:2px;\r
-        z-index:20001;\r
-        height:auto;\r
-    }\r
-    #loading a {\r
-        color:#225588;\r
-    }\r
-    #loading .loading-indicator{\r
-        background:white;\r
-        color:#444;\r
-        font:bold 13px tahoma,arial,helvetica;\r
-        padding:10px;\r
-        margin:0;\r
-        height:auto;\r
-    }\r
-    #loading-msg {\r
-        font: normal 10px arial,tahoma,sans-serif;\r
-    }\r
-\r
-    #all-demos .x-panel-body {\r
-        background-color:#fff;\r
-        border:1px solid;\r
-        border-color:#fafafa #fafafa #fafafa #fafafa;\r
-    }\r
-    #sample-ct {\r
-        border:1px solid;\r
-        border-color:#dadada #ebebeb #ebebeb #dadada;\r
-        padding:2px;\r
-    }\r
-\r
-    #all-demos h2 {\r
-        border-bottom: 2px solid #99bbe8;\r
-        cursor:pointer;\r
-        padding-top:6px;\r
-    }\r
-    #all-demos h2 div {\r
-        background:transparent url(../resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;\r
-        padding:4px 4px 4px 17px;\r
-        color:#3764a0;\r
-        font:bold 11px tahoma, arial, helvetica, sans-serif;\r
-    }\r
-    #all-demos .collapsed h2 div {\r
-        background-position: 3px 3px;\r
-    }\r
-    #all-demos .collapsed dl {\r
-        display:none;\r
-    }\r
-    .x-window {\r
-        text-align:left;\r
-    }\r
-    #all-demos dd h4 span.new-sample{\r
-        color: red;\r
-    }\r
-\r
-    #all-demos dd h4 span.updated-sample{\r
-        color: blue;\r
-    }\r
-    </style>\r
-</head>\r
-<body>\r
-<div id="loading-mask" style=""></div>\r
-<div id="loading">\r
-    <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 3.1 - <a href="http://extjs.com">extjs.com</a><br /><span id="loading-msg">Loading styles and images...</span></div>\r
-</div>\r
-\r
-<div id="viewport">\r
-\r
-<div id="hd">\r
-    <h1><a href="http://extjs.com/" title="Home"><span>Ext</span></a></h1>\r
-\r
-    <table cellspacing="0" class="nav main-nav">\r
-        <tr>\r
-        <td><a id="home-link" href="http://extjs.com/"><span>Home</span></a></td><td class="active"><a id="products-link" href="http://extjs.com/products"><span>Products</span></a></td><td><a id="support-link" href="http://extjs.com/support"><span>Support</span></a></td><td><a id="jobs-link" href="http://jobs.extjs.com"><span>Jobs</span></a></td><td><a id="company-link" href="http://extjs.com/company"><span>Company</span></a></td><td><a id="blog-link" href="http://extjs.com/blog"><span>Blog</span></a></td><td><a id="store-link" href="http://extjs.com/store"><span>Store</span></a></td>                </tr>\r
-    </table>\r
-\r
-\r
-    <table cellspacing="0" class="sub-nav">\r
-        <tr>\r
-        <td><a href="http://extjs.com/">Home</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td><a href="http://extjs.com/products">Products</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td><a href="http://extjs.com/products/extjs/">Ext JS</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td>3.1 Samples</td></tr>\r
-    </table>\r
-</div>\r
-\r
-<div id="bd">\r
-    <div class="left-column">\r
-        <h3>Ext JS 3.1 Samples</h3>\r
-        <br/>\r
-        <div id="sample-spacer" style="height:800px;"></div>\r
-\r
-        <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />\r
-        <link rel="stylesheet" type="text/css" href="shared/extjs/css/extjs.css" />\r
-\r
-        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>\r
-        <script type="text/javascript" src="../adapter/ext/ext-base.js"></script>\r
-        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>\r
-        <script type="text/javascript" src="../ext-all.js"></script>\r
-        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>\r
-\r
-        <!-- App.js contains Ext.App, a simple, re-usable Application component -->\r
-        <script type="text/javascript" src="shared/extjs/App.js"></script>\r
-        <script type="text/javascript" src="shared/extjs/site.js"></script>\r
-        <script type="text/javascript" src="data.js"></script>\r
-        <script type="text/javascript" src="init.js"></script>\r
-\r
-        <div id="all-demos">\r
-        </div>\r
-    </div>\r
-\r
-    <div class="right-column" style="padding-top:45px;">\r
-        <div class="side-box"><div class="side-box-inner">\r
-            <ul id="sample-menu" class="features"></ul>\r
-        </div></div>\r
-    </div>\r
-\r
-    <div style="clear:both"></div>\r
-</div><!-- end bd -->\r
-\r
-<div id="ft">\r
-    <table cellspacing="0" class="nav">\r
-        <tr>\r
-        <td><a id="home-foot-link" href="http://extjs.com/">Home</a></td><td class="active"><a id="products-foot-link" href="http://extjs.com/products">Products</a></td><td><a id="support-foot-link" href="http://extjs.com/support">Support</a></td><td><a id="jobs-foot-link" href="http://jobs.extjs.com">Jobs</a></td><td><a id="company-foot-link" href="http://extjs.com/company">Company</a></td><td><a id="blog-foot-link" href="http://extjs.com/blog">Blog</a></td><td><a id="store-foot-link" href="http://extjs.com/store">Store</a></td>                </tr>\r
-\r
-    </table>\r
-    <div class="copy">&copy; 2006-2009 Ext, LLC</div>\r
-</div>\r
-\r
-</div><!-- end viewport -->\r
-\r
-<div class="flyout-menu" id="products-menu" style="display:none;">\r
-    <div style="width:200px;">\r
-    <h3><a href="http://extjs.com/products/extjs">Ext JS</a></h3>\r
-    <p>Cross-browser JavaScript library for building rich internet applications</p>\r
-\r
-    <ul>\r
-        <li><a href="http://extjs.com/products/extjs">Overview</a></li>\r
-        <li><a href="http://extjs.com/products/extjs/download.php">Download</a></li>\r
-        <li><a href="http://extjs.com/deploy/dev/examples/">Examples &amp; Demos</a></li>\r
-        <li><a href="http://extjs.com/deploy/dev/docs/">API Documentation</a></li>\r
-        <li><a href="http://extjs.com/products/extjs/commitlog.php">Public Commit Log</a></li>\r
-        <li><a href="http://extjs.com/products/license.php">Licensing &amp; Open Source</a></li>\r
-        <li><a href="http://extjs.com/store/extjs/">Purchase</a></li>\r
-    </ul>\r
-    <br/>\r
-    <h3><a href="http://extjs.com/products/gxt">Ext GWT</a></h3>\r
-    <p>Java library for building rich internet applications with GWT</p>\r
-    <ul>\r
-        <li><a href="http://extjs.com/products/gxt">Overview</a></li>\r
-\r
-        <li><a href="http://extjs.com/products/gxt/download.php">Download</a></li>\r
-        <li><a href="http://extjs.com/examples/" target="_blank">Samples &amp; Demos</a></li>\r
-        <li><a href="http://extjs.com/products/license.php">Licensing &amp; Open Source</a></li>\r
-        <li><a href="http://extjs.com/store/gxt/">Purchase</a></li>\r
-    </ul>\r
-    <br/>\r
-    <h3><a href="/products/extcore">Ext Core</a></h3>\r
-    <p>Cross-browser JavaScript library for enhancing web pages</p>\r
-    <ul>\r
-        <li><a href="http://extjs.com/products/extcore">Overview</a></li>\r
-        <li><a href="http://extjs.com/products/extcore/download.php">Download</a></li>\r
-        <li><a href="http://extjs.com/products/extcore/manual/">Manual</a></li>\r
-        <li><a href="http://extjs.com/products/extcore/docs/">API Documentation</a></li>\r
-    </ul>\r
-       <br/>\r
-       <h3><a href="http://extjs.com/products/jsbuilder/">JSBuilder</a></h3>\r
-       <p>Cross-platform Tool to Manage Building Ext Applications</p>\r
-       <ul>\r
-               <li><a href="http://extjs.com/products/jsbuilder/">Download</a></li>    \r
-       </ul>    \r
-       </div>\r
-</div>\r
-\r
-<div class="flyout-menu" id="support-menu" style="display:none;">\r
-    <div style="width:200px;">\r
-\r
-    <h3><a href="http://extjs.com/support">Support Subscriptions</a></h3>\r
-    <p>With 1-on-1 email and phone support, we solve your Ext JS, GWT, CSS and JavaScript issues</p>\r
-    <ul>\r
-        <li><a href="http://extjs.com/store/extjs/#support-table">Ext JS Subscriptions</a></li>\r
-        <li><a href="http://extjs.com/store/gxt/#support-table">Ext GWT Subscriptions</a></li>\r
-    </ul>\r
-    <br/>\r
-\r
-    <h3><a href="http://extjs.com/support/training">Training</a></h3>\r
-    <p>Get up to speed quickly with on-site training provided by Ext</p>\r
-    <ul>\r
-        <li><a href="http://extjs.com/support/training/extjs/">Ext JS Training</a></li>\r
-        <li><a href="http://extjs.com/support/training/gxt/">Ext GWT Training</a></li>\r
-    </ul>\r
-    <br/>\r
-\r
-    <h3><a href="http://extjs.com/forum">Community</a></h3>\r
-    <p>The Ext community forums and wiki</p>\r
-    <ul>\r
-        <li><a href="http://extjs.com/forum">Forums</a></li>\r
-        <li><a href="http://extjs.com/learn">Learning Center</a></li>\r
-    </ul>\r
-    <br/>\r
-    <h3><a href="http://extjs.com/forum">Ext Solutions</a></h3>\r
-    <p>Enterprise consulting and custom development</p>\r
-    <ul>\r
-        <li><a href="http://extjs.com/support/services/">Find out more &raquo;</a></li>\r
-    </ul>\r
-    </div>\r
-\r
-</div>\r
-\r
-<div class="flyout-menu" id="store-menu" style="display:none;">\r
-    <div style="width:200px;">\r
-    <h3><a href="http://extjs.com/store/extjs/">Ext JS</a></h3>\r
-    <ul>\r
-        <li><a href="http://extjs.com/store/extjs/">Licenses</a></li>\r
-        <li><a href="http://extjs.com/store/extjs/#support-table">Support Subscriptions</a></li>\r
-    </ul>\r
-    <br/>\r
-    <h3><a href="http://extjs.com/store/gxt/">Ext GWT</a></h3>\r
-    <ul>\r
-        <li><a href="http://extjs.com/store/gxt/">Licenses</a></li>\r
-        <li><a href="http://extjs.com/store/gxt/#support-table">Support Subscriptions</a></li>\r
-    </ul>\r
-\r
-    <br/>\r
-    <h3><a href="http://extjs.com/store/faq.php">Help</a></h3>\r
-    <ul>\r
-        <li><a href="http://extjs.com/store/faq.php">Ordering FAQ</a></li>\r
-    </ul>\r
-    </div>\r
-</div>\r
-\r
-</body>\r
-</html>\r
+<html>
+<head>
+    <title>Ext JS 3.2 Examples</title>
+
+    <style type="text/css">
+    #all-demos {
+
+    }
+    #all-demos dd {
+        float:left;
+        width:300px;
+        height:100px;
+        margin:5px 5px 5px 10px;
+        cursor:pointer;
+        zoom:1;
+    }
+    #all-demos dd img {
+        width:120px;
+        height:90px;
+        margin:5px 0 0 5px;
+        float:left;
+    }
+
+    #all-demos dd div {
+        float:left;
+        width:160px;
+        margin-left:10px;
+    }
+
+    #all-demos dd h4 {
+        font-family:tahoma,arial,san-serif;
+        color:#555;
+        font-size:11px;
+        font-weight:bold;
+    }
+    #all-demos dd p {
+        color:#777;
+    }
+    #all-demos dd.over {
+        background: #F5FDE3 url(shared/extjs/images/sample-over.gif) no-repeat;
+    }
+    #loading-mask{
+        position:absolute;
+        left:0;
+        top:0;
+        width:100%;
+        height:100%;
+        z-index:20000;
+        background-color:white;
+    }
+    #loading{
+        position:absolute;
+        left:45%;
+        top:40%;
+        padding:2px;
+        z-index:20001;
+        height:auto;
+    }
+    #loading a {
+        color:#225588;
+    }
+    #loading .loading-indicator{
+        background:white;
+        color:#444;
+        font:bold 13px tahoma,arial,helvetica;
+        padding:10px;
+        margin:0;
+        height:auto;
+    }
+    #loading-msg {
+        font: normal 10px arial,tahoma,sans-serif;
+    }
+
+    #all-demos .x-panel-body {
+        background-color:#fff;
+        border:1px solid;
+        border-color:#fafafa #fafafa #fafafa #fafafa;
+    }
+    #sample-ct {
+        border:1px solid;
+        border-color:#dadada #ebebeb #ebebeb #dadada;
+        padding:2px;
+    }
+
+    #all-demos h2 {
+        border-bottom: 2px solid #99bbe8;
+        cursor:pointer;
+        padding-top:6px;
+    }
+    #all-demos h2 div {
+        background:transparent url(../resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
+        padding:4px 4px 4px 17px;
+        color:#3764a0;
+        font:bold 11px tahoma, arial, helvetica, sans-serif;
+    }
+    #all-demos .collapsed h2 div {
+        background-position: 3px 3px;
+    }
+    #all-demos .collapsed dl {
+        display:none;
+    }
+    .x-window {
+        text-align:left;
+    }
+    #all-demos dd h4 span.new-sample{
+        color: red;
+    }
+
+    #all-demos dd h4 span.updated-sample{
+        color: blue;
+    }
+    </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.2 - <a href="http://extjs.com">extjs.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="shared/extjs/logo02.png" alt="ExtJS.com - Ext JS" title="ExtJS.com - Ext JS - Home" border="0" height="52" width="134"></a>
+
+    <table cellspacing="0" class="nav main-nav">
+        <tr>
+        <td><a id="home-link" href="http://extjs.com/"><span>Home</span></a></td><td class="active"><a id="products-link" href="http://extjs.com/products"><span>Products</span></a></td><td><a id="support-link" href="http://extjs.com/support"><span>Support</span></a></td><td><a id="jobs-link" href="http://jobs.extjs.com"><span>Job Board</span></a></td><td><a id="company-link" href="http://extjs.com/company"><span>Company</span></a></td><td><a id="blog-link" href="http://extjs.com/blog"><span>Blog</span></a></td><td><a id="store-link" href="http://extjs.com/store"><span>Store</span></a></td>           </tr>
+    </table>
+
+
+    <table cellspacing="0" class="sub-nav">
+        <tr>
+        <td><a href="http://extjs.com/">Home</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td><a href="http://extjs.com/products">Products</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td><a href="http://extjs.com/products/extjs/">Ext JS</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td>3.2 Samples</td></tr>
+    </table>
+</div>
+
+<div id="bd">
+    <div class="left-column">
+        <h3>Ext JS 3.2 Samples</h3>
+        <br/>
+        <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.js"></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="data.js"></script>
+        <script type="text/javascript" src="init.js"></script>
+
+        <div id="all-demos">
+        </div>
+    </div>
+
+    <div class="right-column" style="padding-top:45px;">
+        <div class="side-box"><div class="side-box-inner">
+            <ul id="sample-menu" class="features"></ul>
+        </div></div>
+    </div>
+
+    <div style="clear:both"></div>
+</div><!-- end bd -->
+
+<div id="ft">
+    <table cellspacing="0" class="nav">
+        <tr>
+        <td><a id="home-foot-link" href="http://extjs.com/">Home</a></td><td class="active"><a id="products-foot-link" href="http://extjs.com/products">Products</a></td><td><a id="support-foot-link" href="http://extjs.com/support">Support</a></td><td><a id="jobs-foot-link" href="http://jobs.extjs.com">Job Board</a></td><td><a id="company-foot-link" href="http://extjs.com/company">Company</a></td><td><a id="blog-foot-link" href="http://extjs.com/blog">Blog</a></td><td><a id="store-foot-link" href="http://extjs.com/store">Store</a></td>           </tr>
+
+    </table>
+    <div class="copy">&copy; 2006-2010 Ext JS, Inc.</div>
+</div>
+
+</div><!-- end viewport -->
+
+<div class="flyout-menu" id="products-menu" style="display:none;">
+    <div style="width:200px;">
+    <h3><a href="http://www.extjs.com/products/designer/">Ext Designer</a></h3>
+    <p>Desktop app for creating amazing web interfaces with drag and drop.</p>
+
+    <ul>
+        <li><a href="http://www.extjs.com/products/designer/">Overview</a></li>
+        <li><a href="http://www.extjs.com/products/designer/download.php">Download</a></li>
+        <li><a href="http://www.extjs.com/store/designer/">Purchase</a></li>
+    </ul>
+    <br/>
+    <h3><a href="http://extjs.com/products/extjs">Ext JS</a></h3>
+    <p>Cross-browser JavaScript library for building rich internet applications</p>
+
+    <ul>
+        <li><a href="http://extjs.com/products/extjs">Overview</a></li>
+        <li><a href="http://extjs.com/products/extjs/download.php">Download</a></li>
+        <li><a href="http://extjs.com/deploy/dev/examples/">Examples &amp; Demos</a></li>
+        <li><a href="http://extjs.com/deploy/dev/docs/">API Documentation</a></li>
+        <li><a href="http://extjs.com/products/extjs/commitlog.php">Public Commit Log</a></li>
+        <li><a href="http://extjs.com/products/license.php">Licensing &amp; Open Source</a></li>
+        <li><a href="http://extjs.com/store/extjs/">Purchase</a></li>
+    </ul>
+    <br/>
+    <h3><a href="http://extjs.com/products/gxt">Ext GWT</a></h3>
+    <p>Java library for building rich internet applications with GWT</p>
+    <ul>
+        <li><a href="http://extjs.com/products/gxt">Overview</a></li>
+
+        <li><a href="http://extjs.com/products/gxt/download.php">Download</a></li>
+        <li><a href="http://extjs.com/examples/" target="_blank">Samples &amp; Demos</a></li>
+        <li><a href="http://extjs.com/products/license.php">Licensing &amp; Open Source</a></li>
+        <li><a href="http://extjs.com/store/gxt/">Purchase</a></li>
+    </ul>
+    <br/>
+    <h3><a href="/products/extcore">Ext Core</a></h3>
+    <p>Cross-browser JavaScript library for enhancing web pages</p>
+    <ul>
+        <li><a href="http://extjs.com/products/extcore">Overview</a></li>
+        <li><a href="http://extjs.com/products/extcore/download.php">Download</a></li>
+        <li><a href="http://extjs.com/products/extcore/manual/">Manual</a></li>
+        <li><a href="http://extjs.com/products/extcore/docs/">API Documentation</a></li>
+    </ul>
+       <br/>
+       <h3><a href="http://extjs.com/products/jsbuilder/">JSBuilder</a></h3>
+       <p>Cross-platform Tool to Manage Building Ext Applications</p>
+       <ul>
+               <li><a href="http://extjs.com/products/jsbuilder/">Download</a></li>
+       </ul>
+       </div>
+</div>
+
+<div class="flyout-menu" id="support-menu" style="display:none;">
+    <div style="width:200px;">
+
+    <h3><a href="http://extjs.com/support">Support Subscriptions</a></h3>
+    <p>With 1-on-1 email and phone support, we solve your Ext JS, GWT, CSS and JavaScript issues</p>
+    <ul>
+        <li><a href="http://extjs.com/store/extjs/#support-table">Ext JS Subscriptions</a></li>
+        <li><a href="http://extjs.com/store/gxt/#support-table">Ext GWT Subscriptions</a></li>
+    </ul>
+    <br/>
+
+    <h3><a href="http://extjs.com/support/training">Training</a></h3>
+    <p>Get up to speed quickly with on-site training provided by Ext</p>
+    <ul>
+        <li><a href="http://extjs.com/support/training/extjs/">Ext JS Training</a></li>
+        <li><a href="http://extjs.com/support/training/gxt/">Ext GWT Training</a></li>
+    </ul>
+    <br/>
+
+    <h3><a href="http://extjs.com/forum">Community</a></h3>
+    <p>The Ext community forums and wiki</p>
+    <ul>
+        <li><a href="http://extjs.com/forum">Forums</a></li>
+        <li><a href="http://extjs.com/learn">Learning Center</a></li>
+    </ul>
+    <br/>
+    <h3><a href="http://extjs.com/forum">Ext Solutions</a></h3>
+    <p>Enterprise consulting and custom development</p>
+    <ul>
+        <li><a href="http://extjs.com/support/services/">Find out more &raquo;</a></li>
+    </ul>
+    </div>
+
+</div>
+
+<div class="flyout-menu" id="store-menu" style="display:none;">
+    <div style="width:200px;">
+    <h3><a href="http://extjs.com/store/extjs/">Ext JS</a></h3>
+    <ul>
+        <li><a href="http://extjs.com/store/extjs/">Licenses</a></li>
+        <li><a href="http://extjs.com/store/extjs/#support-table">Support Subscriptions</a></li>
+    </ul>
+    <br/>
+    <h3><a href="http://extjs.com/store/gxt/">Ext GWT</a></h3>
+    <ul>
+        <li><a href="http://extjs.com/store/gxt/">Licenses</a></li>
+        <li><a href="http://extjs.com/store/gxt/#support-table">Support Subscriptions</a></li>
+    </ul>
+
+    <br/>
+    <h3><a href="http://extjs.com/store/faq.php">Help</a></h3>
+    <ul>
+        <li><a href="http://extjs.com/store/faq.php">Ordering FAQ</a></li>
+    </ul>
+    </div>
+</div>
+
+</body>
+</html>