examples/window/layout.html

   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
   8     <!-- GC -->
   9     <!-- LIBS -->
  10     <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  11     <!-- ENDLIBS -->
  12
  13     <script type="text/javascript" src="../../ext-all.js"></script>
  14
  15     <script language="javascript" src="../state/save-state.php"></script>
  16     <script language="javascript" src="../state/get-state.php"></script>
  17     <script language="javascript" src="../state/SessionProvider.js"></script>
  18     <script language="javascript" src="layout.js"></script>
  19
  20     <!-- Common Styles for the examples -->
  21     <link rel="stylesheet" type="text/css" href="../shared/examples.css"/>
  22
  23     <style type="text/css">
  24         .x-panel-body p {
  25             margin: 10px;
  26             font-size: 12px;
  27         }
  28     </style>
  29 </head>
  30 <body>
  31 <script type="text/javascript" src="../shared/examples.js"></script>
  32 <!-- EXAMPLES -->
  33 <h1>Windows with Layouts</h1>
  34 <p>This example shows how Ext containers can be nested in windows to create advanced layouts.</p>
  35 <input type="button" id="show-btn" value="Show Window"/><br/><br/>
  36 <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>
  37 </body>
  38 </html>