bubble-panel.html 1.2 KB

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <title>Ext.Panel - BubblePanel</title>
  6. <link rel="stylesheet" type="text/css" href="../../shared/example.css" />
  7. <link rel="stylesheet" type="text/css" href="resources/css/bubble-panel.css" />
  8. <!-- GC -->
  9. <script type="text/javascript" src="../../../ext-all.js"></script>
  10. <script language="javascript" src="bubble-panel.js"></script>
  11. </head>
  12. <body>
  13. <div id="bubble-markup" class="x-hidden">
  14. <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>
  15. <p>It uses the new theming system included in Ext4, to create new Ext.panel.Panel UI's using included mixins.</p>
  16. <p>The js is not minified so it is readable. See <a href="bubble-panel.js">BubblePanel.js</a>.</p>
  17. <p>You can also view the Sass file (<a href="resources/sass/bubble-panel.scss">resources/sass/bubble-panel.scss</a>).</p>
  18. </div>
  19. <div id="button"></div>
  20. <div id="panelCt"></div>
  21. </body>
  22. </html>