X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/panel/panels.js

diff --git a/examples/panel/panels.js b/examples/panel/panels.js
index 8e9a4617..fd970f45 100644
--- a/examples/panel/panels.js
+++ b/examples/panel/panels.js
@@ -1,17 +1,55 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
 Ext.onReady(function(){
     var p = new Ext.Panel({
         title: 'My Panel',
         collapsible:true,
-        renderTo: 'container',
+        renderTo: 'panel-basic',
         width:400,
         html: Ext.example.bogusMarkup
     });
-});
\ No newline at end of file
+
+	// preventBodyReset: true
+	new Ext.Panel({
+		title: 'A Panel with W3C-suggested body-html styling',
+		preventBodyReset: true,
+		renderTo: 'panel-reset-true',
+		width: 400,
+		html: html.join('')
+	});
+
+	// preventBodyReset: false
+	new Ext.Panel({
+		title: 'Same panel as above with preventBodyReset: false',
+		normal: false,
+		renderTo: 'panel-reset-false',
+		width: 400,
+		html: html.join('')
+	});
+});
+
+// Some sample html
+var html = [
+	'<h1>Heading One</h1>',
+	'<h2>Heading Two</h2>',
+	'<p>This is a paragraph with <strong>STRONG</strong>, <em>EMPHASIS</em> and a <a href="#">Link</a></p>',
+	'<table>',
+		'<tr>',
+			'<td>Table Column One</td>',
+			'<td>Table Column Two</td>',
+		'</tr>',
+	'</table>',
+	'<ul>',
+		'<li>Un-ordered List-item One</li>',
+		'<li>Un-ordered List-item One</li>',
+	'</ul>',
+	'<ol>',
+		'<li>Ordered List-item One</li>',
+		'<li>Ordered List-item Two</li>',
+	'</ol>',
+	'<blockquote>This is a blockquote</blockquote>'
+];
\ No newline at end of file