-<!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>
git.ithinksw.org / extjs.git / blobdiff