Upgrade to ExtJS 3.0.3 - Released 10/11/2009
[extjs.git] / examples / tabs / tabs-adv.html
1 <html>
2 <head>
3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4     <title>Advanced Tabs</title>
5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
6
7     <!-- GC -->
8         <!-- LIBS -->
9         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
10         <!-- ENDLIBS -->
11
12     <script type="text/javascript" src="../../ext-all.js"></script>
13
14     <link rel="stylesheet" type="text/css" href="tabs-example.css" />
15     <script type="text/javascript" src="../ux/TabCloseMenu.js"></script>
16     <script type="text/javascript" src="tabs-adv.js"></script>
17
18     <!-- Common Styles for the examples -->
19     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
20 </head>
21 <body>
22     <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
23     <h1>Advanced Tabs</h1>
24     <p>Note that the js and css is not minified so it is readable. See <a href="tabs-adv.js">tabs-adv.js</a> for the tab creation code.</p>
25
26     <p>This TabPanel is built entirely with javascript and demonstrates:</p>
27     <ul class="list">
28         <li>Auto tab resizing</li>
29         <li>Tab scrolling</li>
30         <li>Tabs with icons</li>
31         <li>Tab plugins (context menu)</li>
32         <li>Adding tabs with JS</li>
33     </ul><br>
34
35     <div id="tabs" style="margin:15px 0;"></div>
36 </body>
37 </html>