Upgrade to ExtJS 4.0.1 - Released 05/18/2011

[extjs.git] / examples / tabs / tab-scroller-menu.html
diff --git a/examples/tabs/tab-scroller-menu.html b/examples/tabs/tab-scroller-menu.html

index 888ab10..60b180c 100644 (file)
--- a/examples/tabs/tab-scroller-menu.html
+++ b/examples/tabs/tab-scroller-menu.html
@@ -2,39 +2,34 @@
  <html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
-    <title>Advanced Tabs</title>
+    <title>Tab Scroller Menu Plugin</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" />
-
-    <!-- GC -->
-       <!-- LIBS -->
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
-       <!-- ENDLIBS -->
-
-    <script type="text/javascript" src="../../ext-all-debug.js"></script>
-
-
-    <link rel="stylesheet" type="text/css" href="tab-scroller-menu.css" />
-
-    <script type="text/javascript" src="../ux/TabScrollerMenu.js"></script>
+    <script type="text/javascript" src="../../bootstrap.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.css" />
+    <link rel="stylesheet" type="text/css" href="../ux/css/TabScrollerMenu.css" />
      <script type="text/javascript" src="tab-scroller-menu.js"></script>
      <script type="text/javascript" src="tab-scroller-menu.js"></script>
-    <!-- Common Styles for the examples -->
-
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
-
  </head>
  <body>
  </head>
  <body>
-    <p>
-    An Example of a "Tab Scroller Menu" plugin.  <p>The js is not minified so it is readable. See <a href="tab-scroller-menu.js">tab-scroller-menu.js</a>.</p>
-
-    In order to use this plugin in your code, you need the following files:
-    </p>
+    <h1>Tab Scroller Menu Plugin</h1>
+    
+    <p>This is an example of a TabPanel plugin that provides an overflow menu when there are more tabs than can 
+    be displayed in the tab strip. The sample also demonstrates the use of the <tt>tabTip</tt> config option to 
+    show custom QuickTips when you hover over any tab.</p> 
+    
+    <p>The js is not minified so it is readable. See <a href="tab-scroller-menu.js">tab-scroller-menu.js</a>.</p>
+    
+    <p>In order to use this plugin in your code, you need the following files:</p>
      <ul>
      <ul>
-        <li> <a href="tab-scroller-menu.css">tab-scroller-menu.css</a> : Required CSS file. </li>
-        <li> <a href="tab-scroller-menu.gif">tab-scroller-menu.gif</a> : Required GIF Sprite.</li>
+        <li> <a href="../ux/css/TabScrollerMenu.css">TabScrollerMenu.css</a> : Required CSS file. </li>
+        <li> <a href="../ux/css/images/tab-scroller-menu.gif">tab-scroller-menu.gif</a> : Required GIF Sprite.</li>
          <li> <a href="../ux/TabScrollerMenu.js">TabScrollerMenu.js</a> : The actual plugin code. </li>
      </ul>
          <li> <a href="../ux/TabScrollerMenu.js">TabScrollerMenu.js</a> : The actual plugin code. </li>
      </ul>
-
  </body>
  </body>
-</html>
-
-
+</html>
+\ No newline at end of file