Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / panel / panels.html
index fc442b5..af7db54 100644 (file)
@@ -1,39 +1,47 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Panel</title>\r
-<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-\r
-    <!-- GC -->\r
-       <!-- LIBS -->\r
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
-       <!-- ENDLIBS -->\r
-\r
-    <script type="text/javascript" src="../../ext-all.js"></script>\r
-\r
-    <script type="text/javascript" src="panels.js"></script>\r
-\r
-    <!-- Common Styles for the examples -->\r
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-\r
-    <style type="text/css">\r
-    .x-panel-body p {\r
-        margin:10px;\r
-    }\r
-    #container {\r
-        padding:10px;\r
-    }\r
-    </style>\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-<h1>Ext.Panel</h1>\r
-<p>The js is not minified so it is readable. See <a href="panels.js">panels.js</a>.</p>\r
-\r
-<div id="container">\r
-    \r
-</div>\r
-\r
-</body>\r
-</html>\r
+<!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>Panel</title>
+<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+
+    <!-- GC -->
+       <!-- LIBS -->
+       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
+       <!-- ENDLIBS -->
+
+    <script type="text/javascript" src="../../ext-all.js"></script>
+
+    <script type="text/javascript" src="panels.js"></script>
+
+    <!-- Common Styles for the examples -->
+    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
+
+    <style type="text/css">
+    .x-panel-body p {
+        margin:10px;
+    }
+    .container {
+        padding:10px;
+    }
+       em.cfg { font-style: italic; font-weight: bold;}
+    </style>
+</head>
+<body>
+<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
+<h1>Ext.Panel</h1>
+<p>The js is not minified so it is readable. See <a href="panels.js">panels.js</a>.</p>
+
+<div id="panel-basic" class="container">
+</div>
+
+<div id="panel-reset-true" class="container">
+       <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>
+</div>
+
+<div id="panel-reset-false" class="container">
+       <p>Compare the same panel rendered with <em class="cfg">preventBodyReset: false</em></p>
+</div>
+
+</body>
+</html>