Upgrade to ExtJS 4.0.1 - Released 05/18/2011

[extjs.git] / examples / tabs / tabs-adv.html
diff --git a/examples/tabs/tabs-adv.html b/examples/tabs/tabs-adv.html

index 01a2bf4..ee8d551 100644 (file)
--- a/examples/tabs/tabs-adv.html
+++ b/examples/tabs/tabs-adv.html
@@ -1,37 +1,38 @@
+<!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>Advanced Tabs</title>
  <html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>Advanced Tabs</title>
+    <!-- Ext includes -->
      <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
      <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+    <script type="text/javascript" src="../../bootstrap.js"></script>
  
  
-    <!-- GC -->
-       <!-- LIBS -->
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
-       <!-- ENDLIBS -->
-
-    <script type="text/javascript" src="../../ext-all.js"></script>
-
-    <link rel="stylesheet" type="text/css" href="tabs-example.css" />
-    <script type="text/javascript" src="TabCloseMenu.js"></script>
+    <!-- Shared example includes -->
+    <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+    <script type="text/javascript" src="../shared/examples.js"></script>
+    
+    <!-- Example includes -->
+    <link rel="stylesheet" type="text/css" href="tabs-adv.css" />
      <script type="text/javascript" src="tabs-adv.js"></script>
  
      <script type="text/javascript" src="tabs-adv.js"></script>
  
-    <!-- Common Styles for the examples -->
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  </head>
  <body>
  </head>
  <body>
-    <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
      <h1>Advanced Tabs</h1>
      <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>
  
      <p>This TabPanel is built entirely with javascript and demonstrates:</p>
      <h1>Advanced Tabs</h1>
      <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>
  
      <p>This TabPanel is built entirely with javascript and demonstrates:</p>
+    
      <ul class="list">
          <li>Auto tab resizing</li>
          <li>Tab scrolling</li>
          <li>Tabs with icons</li>
          <li>Tab plugins (context menu)</li>
          <li>Adding tabs with JS</li>
      <ul class="list">
          <li>Auto tab resizing</li>
          <li>Tab scrolling</li>
          <li>Tabs with icons</li>
          <li>Tab plugins (context menu)</li>
          <li>Adding tabs with JS</li>
-    </ul><br>
-
+        <li>Changing tab's closable property dynamically (via context menu)</li>
+    </ul>
+    <br>
+    <div id="addButtonCt"></div>
+    <br>
      <div id="tabs" style="margin:15px 0;"></div>
  </body>
  </html>
 \ No newline at end of file
      <div id="tabs" style="margin:15px 0;"></div>
  </body>
  </html>
 \ No newline at end of file