examples/panel/panels.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>Panel</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 type="text/javascript" src="panels.js"></script>
  16
  17     <!-- Common Styles for the examples -->
  18     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  19
  20     <style type="text/css">
  21     .x-panel-body p {
  22         margin:10px;
  23     }
  24     .container {
  25         padding:10px;
  26     }
  27         em.cfg { font-style: italic; font-weight: bold;}
  28     </style>
  29 </head>
  30 <body>
  31 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
  32 <h1>Ext.Panel</h1>
  33 <p>The js is not minified so it is readable. See <a href="panels.js">panels.js</a>.</p>
  34
  35 <div id="panel-basic" class="container">
  36 </div>
  37
  38 <div id="panel-reset-true" class="container">
  39         <p>Setting the Ext.Panel configuration-option <em class="cfg">preventBodyReset: true</em> will ensure your Panel <b>body</b>'s structural html is isolated from the Ext theme.</p>
  40 </div>
  41
  42 <div id="panel-reset-false" class="container">
  43         <p>Compare the same panel rendered with <em class="cfg">preventBodyReset: false</em></p>
  44 </div>
  45
  46 </body>
  47 </html>