Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / panel / bubble-panel / bubble-panel.html
diff --git a/examples/panel/bubble-panel/bubble-panel.html b/examples/panel/bubble-panel/bubble-panel.html

new file mode 100644 (file)

index 0000000..383064f
--- /dev/null
+++ b/examples/panel/bubble-panel/bubble-panel.html
@@ -0,0 +1,28 @@
+<!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>Ext.Panel - BubblePanel</title>
+    <link rel="stylesheet" type="text/css" href="../../shared/example.css" />
+    <link rel="stylesheet" type="text/css" href="resources/css/bubble-panel.css" />
+    <script type="text/javascript" src="../../../bootstrap.js"></script>
+    <script language="javascript" src="bubble-panel.js"></script>
+</head>
+<body>
+    
+    <div id="bubble-markup" class="x-hidden"> 
+        <p>This is a custom panel UI to achieve a different look and feel while not changing the default appearance of an Ext.Panel.</p>
+        
+        <p>It uses the new theming system included in Ext4, to create new Ext.panel.Panel UI's using included mixins.</p>
+         
+        <p>The js is not minified so it is readable. See <a href="bubble-panel.js">BubblePanel.js</a>.</p>
+        
+        <p>You can also view the Sass file (<a href="resources/sass/bubble-panel.scss">resources/sass/bubble-panel.scss</a>).</p>
+    </div> 
+    
+    <div id="button"></div>
+    
+    <div id="panelCt"></div> 
+    
+</body>
+</html>