examples/bootstrap/dashboard1.bjs.7IW8LX

examples/bootstrap/dashboard1.bjs
examples/bootstrap/dashboard1.js.ZY08LX
examples/bootstrap/dashboard1.js
examples/bootstrap/dashboard1.bjs.7I28LX
examples/bootstrap/dashboard1.js.SIN8LX

diff --git a/examples/bootstrap/dashboard1.bjs b/examples/bootstrap/dashboard1.bjs
index 75072fa..0d1d6d8 100644 (file)
--- a/examples/bootstrap/dashboard1.bjs
+++ b/examples/bootstrap/dashboard1.bjs
@@ -13,8 +13,8 @@
             "items" : [
                 {
                     "String cls" : "header",
-                    "xtype" : "Container",
                     "tag" : "header",
+                    "xtype" : "Container",
                     "* xinclude" : "Dashboard.Header1",
                     "$ xns" : "Roo.bootstrap"
                 },
@@ -133,6 +133,59 @@
                                                                 }
                                                             ]
                                                         },
+                                                        {
+                                                            "String cls" : "box box-success",
+                                                            "xtype" : "Container",
+                                                            "$ xns" : "Roo.bootstrap",
+                                                            "items" : [
+                                                                {
+                                                                    "String cls" : "box-header",
+                                                                    "xtype" : "Container",
+                                                                    "$ xns" : "Roo.bootstrap",
+                                                                    "items" : [
+                                                                        {
+                                                                            "String cls" : "box-title",
+                                                                            "xtype" : "Header",
+                                                                            "$ xns" : "Roo.bootstrap",
+                                                                            "Number level" : 3,
+                                                                            "String html" : "Different Height"
+                                                                        }
+                                                                    ]
+                                                                },
+                                                                {
+                                                                    "xtype" : "Form",
+                                                                    "String labelAlign" : "top",
+                                                                    "$ xns" : "Roo.bootstrap",
+                                                                    "items" : [
+                                                                        {
+                                                                            "String cls" : "box-body",
+                                                                            "xtype" : "Container",
+                                                                            "$ xns" : "Roo.bootstrap",
+                                                                            "items" : [
+                                                                                {
+                                                                                    "xtype" : "Input",
+                                                                                    "string placeholder" : "size lg",
+                                                                                    "$ xns" : "Roo.bootstrap",
+                                                                                    "string size" : "lg"
+                                                                                },
+                                                                                {
+                                                                                    "xtype" : "Input",
+                                                                                    "string placeholder" : "size md",
+                                                                                    "$ xns" : "Roo.bootstrap",
+                                                                                    "string size" : "md"
+                                                                                },
+                                                                                {
+                                                                                    "xtype" : "Input",
+                                                                                    "string placeholder" : "size sm",
+                                                                                    "$ xns" : "Roo.bootstrap",
+                                                                                    "string size" : "sm"
+                                                                                }
+                                                                            ]
+                                                                        }
+                                                                    ]
+                                                                }
+                                                            ]
+                                                        },
                                                         {
                                                             "String cls" : "box box-success",
                                                             "xtype" : "Container",

diff --git a/examples/bootstrap/dashboard1.js b/examples/bootstrap/dashboard1.js
index 95af6ef..bfebaf3 100644 (file)
--- a/examples/bootstrap/dashboard1.js
+++ b/examples/bootstrap/dashboard1.js
@@ -21,8 +21,8 @@ dashboard1 = new Roo.XComponent({
             items : [
                Roo.apply(Dashboard.Header1._tree(), {
                     cls : 'header',
-                    xtype : 'Container',
                     tag : 'header',
+                    xtype : 'Container',
                     xns : Roo.bootstrap
                 }),
                {
@@ -200,6 +200,63 @@ dashboard1 = new Roo.XComponent({
                                                                 }
                                                             ]
 
+                                                        },
+                                                       {
+                                                            cls : 'box box-success',
+                                                            xtype : 'Container',
+                                                            xns : Roo.bootstrap,
+                                                            items : [
+                                                               {
+                                                                    cls : 'box-header',
+                                                                    xtype : 'Container',
+                                                                    xns : Roo.bootstrap,
+                                                                    items : [
+                                                                       {
+                                                                            cls : 'box-title',
+                                                                            xtype : 'Header',
+                                                                            xns : Roo.bootstrap,
+                                                                            level : 3,
+                                                                            html : 'Different Height'
+                                                                        }
+                                                                    ]
+
+                                                                },
+                                                               {
+                                                                    xtype : 'Form',
+                                                                    labelAlign : 'top',
+                                                                    xns : Roo.bootstrap,
+                                                                    items : [
+                                                                       {
+                                                                            cls : 'box-body',
+                                                                            xtype : 'Container',
+                                                                            xns : Roo.bootstrap,
+                                                                            items : [
+                                                                               {
+                                                                                    xtype : 'Input',
+                                                                                    placeholder : 'size lg',
+                                                                                    xns : Roo.bootstrap,
+                                                                                    size : 'lg'
+                                                                                },
+                                                                               {
+                                                                                    xtype : 'Input',
+                                                                                    placeholder : 'size md',
+                                                                                    xns : Roo.bootstrap,
+                                                                                    size : 'md'
+                                                                                },
+                                                                               {
+                                                                                    xtype : 'Input',
+                                                                                    placeholder : 'size sm',
+                                                                                    xns : Roo.bootstrap,
+                                                                                    size : 'sm'
+                                                                                }
+                                                                            ]
+
+                                                                        }
+                                                                    ]
+
+                                                                }
+                                                            ]
+
                                                         }
                                                     ]