Upgrade to ExtJS 3.3.1 - Released 11/30/2010

[extjs.git] / examples / panel / panels.js

diff --git a/examples/panel/panels.js b/examples/panel/panels.js
index 8e9a461..fe1dfc3 100644 (file)
--- a/examples/panel/panels.js
+++ b/examples/panel/panels.js
@@ -1,17 +1,55 @@
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-Ext.onReady(function(){\r
-    var p = new Ext.Panel({\r
-        title: 'My Panel',\r
-        collapsible:true,\r
-        renderTo: 'container',\r
-        width:400,\r
-        html: Ext.example.bogusMarkup\r
-    });\r
-});
\ No newline at end of file
+/*!
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
+ */
+Ext.onReady(function(){
+    var p = new Ext.Panel({
+        title: 'My Panel',
+        collapsible:true,
+        renderTo: 'panel-basic',
+        width:400,
+        html: Ext.example.bogusMarkup
+    });
+
+       // 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