layout.html 1.0 KB

1234567891011121314151617181920212223242526272829
  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>Window Layouts Example</title>
  6. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
  7. <!-- GC -->
  8. <script type="text/javascript" src="../../ext-all.js"></script>
  9. <script type="text/javascript" src="layout.js"></script>
  10. <!-- Common Styles for the examples -->
  11. <link rel="stylesheet" type="text/css" href="../shared/example.css"/>
  12. <style type="text/css">
  13. .x-panel-body p {
  14. margin: 10px;
  15. font-size: 12px;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <!-- EXAMPLES -->
  21. <h1>Windows with Layouts</h1>
  22. <p>This example shows how Ext containers can be nested in windows to create advanced layouts.</p>
  23. <input type="button" id="show-btn" value="Layout Window"/><br/><br/>
  24. <p>Note that the js is not minified so it is readable. See <a href="layout.js">layout.js</a> for the full source code.</p>
  25. </body>
  26. </html>