examples/bootstrap/dashboard1.bjs.V1BKMX

examples/bootstrap/dashboard1.bjs
examples/bootstrap/dashboard1.js.R9SJMX
examples/bootstrap/dashboard1.js

diff --git a/examples/bootstrap/dashboard1.bjs b/examples/bootstrap/dashboard1.bjs
index acacce4..bd09e3f 100644 (file)
--- a/examples/bootstrap/dashboard1.bjs
+++ b/examples/bootstrap/dashboard1.bjs
@@ -83,6 +83,55 @@
                             "xtype" : "Container",
                             "* xinclude" : "Dashboard.Sidebar2",
                             "$ xns" : "Roo.bootstrap"
+                        },
+                        {
+                            "String tag" : "aside",
+                            "String cls" : "right-side",
+                            "xtype" : "Container",
+                            "$ xns" : "Roo.bootstrap",
+                            "items" : [
+                                {
+                                    "String tag" : "section",
+                                    "String cls" : "content-header",
+                                    "xtype" : "Container",
+                                    "$ xns" : "Roo.bootstrap",
+                                    "items" : [
+                                        {
+                                            "xtype" : "Header",
+                                            "$ xns" : "Roo.bootstrap",
+                                            "String html" : "Dashboard <small> Control Panel</small>"
+                                        }
+                                    ]
+                                },
+                                {
+                                    "String tag" : "section",
+                                    "String cls" : "content",
+                                    "xtype" : "Container",
+                                    "$ xns" : "Roo.bootstrap",
+                                    "items" : [
+                                        {
+                                            "xtype" : "Row",
+                                            "$ xns" : "Roo.bootstrap",
+                                            "items" : [
+                                                {
+                                                    "Number lg" : 3,
+                                                    "xtype" : "Column",
+                                                    "$ xns" : "Roo.bootstrap",
+                                                    "Number sm" : 6,
+                                                    "items" : [
+                                                        {
+                                                            "String cls" : "small-box bg-aqua ",
+                                                            "xtype" : "Container",
+                                                            "$ xns" : "Roo.bootstrap",
+                                                            "String html" : "test"
+                                                        }
+                                                    ]
+                                                }
+                                            ]
+                                        }
+                                    ]
+                                }
+                            ]
                         }
                     ]
                 }

diff --git a/examples/bootstrap/dashboard1.js b/examples/bootstrap/dashboard1.js
index bc5262d..c6ce3e5 100644 (file)
--- a/examples/bootstrap/dashboard1.js
+++ b/examples/bootstrap/dashboard1.js
@@ -95,7 +95,61 @@ dashboard1 = new Roo.XComponent({
                             cls : 'left-side sidebar-offcanvas',
                             xtype : 'Container',
                             xns : Roo.bootstrap
-                        })
+                        }),
+                       {
+                            tag : 'aside',
+                            cls : 'right-side',
+                            xtype : 'Container',
+                            xns : Roo.bootstrap,
+                            items : [
+                               {
+                                    tag : 'section',
+                                    cls : 'content-header',
+                                    xtype : 'Container',
+                                    xns : Roo.bootstrap,
+                                    items : [
+                                       {
+                                            xtype : 'Header',
+                                            xns : Roo.bootstrap,
+                                            html : 'Dashboard <small> Control Panel</small>'
+                                        }
+                                    ]
+
+                                },
+                               {
+                                    tag : 'section',
+                                    cls : 'content',
+                                    xtype : 'Container',
+                                    xns : Roo.bootstrap,
+                                    items : [
+                                       {
+                                            xtype : 'Row',
+                                            xns : Roo.bootstrap,
+                                            items : [
+                                               {
+                                                    lg : 3,
+                                                    xtype : 'Column',
+                                                    xns : Roo.bootstrap,
+                                                    sm : 6,
+                                                    items : [
+                                                       {
+                                                            cls : 'small-box bg-aqua ',
+                                                            xtype : 'Container',
+                                                            xns : Roo.bootstrap,
+                                                            html : 'test'
+                                                        }
+                                                    ]
+
+                                                }
+                                            ]
+
+                                        }
+                                    ]
+
+                                }
+                            ]
+
+                        }
                     ]
 
                 }