roojs-all.js

[roojs1] / examples / bootstrap / left_siderbar.js

diff --git a/examples/bootstrap/left_siderbar.js b/examples/bootstrap/left_siderbar.js
index d707ee9..d6d537c 100644 (file)
--- a/examples/bootstrap/left_siderbar.js
+++ b/examples/bootstrap/left_siderbar.js
@@ -28,7 +28,7 @@ left_siderbar = new Roo.XComponent({
                             '|xns' : 'Roo.bootstrap',
                             tag : 'ol',
                             cls : 'breadcrumb',
-                            xtype : 'Element',
+                            xtype : 'Container',
                             xns : Roo.bootstrap,
                             items : [
                                {
@@ -45,6 +45,219 @@ left_siderbar = new Roo.XComponent({
                                     xtype : 'Element',
                                     xns : Roo.bootstrap,
                                     html : 'Left Sidebar'
+                                },
+                               {
+                                    '|xns' : 'Roo.bootstrap',
+                                    xtype : 'Row',
+                                    xns : Roo.bootstrap,
+                                    items : [
+                                       {
+                                            '|xns' : 'Roo.bootstrap',
+                                            cls : 'col-md-4 sidebar sidebar-left',
+                                            xtype : 'NavSidebar',
+                                            xns : Roo.bootstrap,
+                                            items : [
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    cls : 'widget',
+                                                    xtype : 'Row',
+                                                    xns : Roo.bootstrap,
+                                                    items : [
+                                                       {
+                                                            '|xns' : 'Roo.bootstrap',
+                                                            cls : 'col-xs-12',
+                                                            xtype : 'Element',
+                                                            xns : Roo.bootstrap,
+                                                            items : [
+                                                               {
+                                                                    '|xns' : 'Roo.bootstrap',
+                                                                    xtype : 'Header',
+                                                                    xns : Roo.bootstrap,
+                                                                    level : 4,
+                                                                    html : 'Lorem ipsum dolor sit'
+                                                                },
+                                                               {
+                                                                    '|xns' : 'Roo.bootstrap',
+                                                                    tag : 'p',
+                                                                    xtype : 'Element',
+                                                                    xns : Roo.bootstrap,
+                                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, ratione delectus reiciendis nulla nisi pariatur molestias animi eos repellat? Vel.'
+                                                                }
+                                                            ]
+
+                                                        },
+                                                       {
+                                                            '|xns' : 'Roo.bootstrap',
+                                                            cls : 'col-xs-12',
+                                                            xtype : 'Element',
+                                                            xns : Roo.bootstrap,
+                                                            items : [
+                                                               {
+                                                                    '|xns' : 'Roo.bootstrap',
+                                                                    xtype : 'Header',
+                                                                    level : 4,
+                                                                    xns : Roo.bootstrap,
+                                                                    html : 'Lorem ipsum dolor sit'
+                                                                },
+                                                               {
+                                                                    '|xns' : 'Roo.bootstrap',
+                                                                    tag : 'p',
+                                                                    xtype : 'Element',
+                                                                    xns : Roo.bootstrap,
+                                                                    html : '<img src=\"http://localhost/bootswatch/Progressus/assets/images/2.jpg\" alt=\"\">'
+                                                                }
+                                                            ]
+
+                                                        },
+                                                       {
+                                                            '|xns' : 'Roo.bootstrap',
+                                                            cls : 'col-xs-12',
+                                                            xtype : 'Element',
+                                                            xns : Roo.bootstrap,
+                                                            items : [
+                                                               {
+                                                                    '|xns' : 'Roo.bootstrap',
+                                                                    xtype : 'Header',
+                                                                    xns : Roo.bootstrap,
+                                                                    level : 4,
+                                                                    html : 'Lorem ipsum dolor sit'
+                                                                },
+                                                               {
+                                                                    '|xns' : 'Roo.bootstrap',
+                                                                    tag : 'p',
+                                                                    xtype : 'Element',
+                                                                    xns : Roo.bootstrap,
+                                                                    html : '<img src=\"http://localhost/bootswatch/Progressus/assets/images/1.jpg\" alt=\"\">'
+                                                                },
+                                                               {
+                                                                    '|xns' : 'Roo.bootstrap',
+                                                                    tag : 'p',
+                                                                    xtype : 'Element',
+                                                                    xns : Roo.bootstrap,
+                                                                    html : 'Qui, debitis, ad, neque reprehenderit laborum soluta dolor voluptate eligendi enim consequuntur eveniet recusandae rerum? Atque eos corporis provident tenetur.'
+                                                                }
+                                                            ]
+
+                                                        }
+                                                    ]
+
+                                                }
+                                            ]
+
+                                        },
+                                       {
+                                            '|xns' : 'Roo.bootstrap',
+                                            cls : 'col-md-8 maincontent',
+                                            xtype : 'Container',
+                                            xns : Roo.bootstrap,
+                                            items : [
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'header',
+                                                    cls : 'page-header',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    items : [
+                                                       {
+                                                            '|xns' : 'Roo.bootstrap',
+                                                            cls : 'page-title',
+                                                            xtype : 'Header',
+                                                            xns : Roo.bootstrap,
+                                                            level : 1,
+                                                            html : 'Lorem ipsum dolor sit amet, consectetur.'
+                                                        }
+                                                    ]
+
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    xtype : 'Header',
+                                                    xns : Roo.bootstrap,
+                                                    level : 2,
+                                                    html : 'A, quibusdam, nobis, eveniet consequatur'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'blockquote',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Numquam, ut iure quia facere totam quas odit illo incidunt. Voluptatem, nostrum, ex, quasi incidunt similique cum maxime expedita unde labore inventore excepturi veniam corporis sequi facere ullam voluptates amet illum quam fuga voluptatibus ipsum atque sunt eos. Ut, necessitatibus.'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    xtype : 'Header',
+                                                    level : 3,
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Numquam, ut iure quia facere totam quas odit illo incidunt'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                },
+                                               {
+                                                    '|xns' : 'Roo.bootstrap',
+                                                    tag : 'p',
+                                                    xtype : 'Element',
+                                                    xns : Roo.bootstrap,
+                                                    html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, itaque, cumque, maxime obcaecati reprehenderit ea dignissimos amet voluptatem id excepturi facilis totam veritatis maiores eveniet neque explicabo temporibus quisquam in ex ab fugiat ipsa tempore sunt corporis nostrum quam illum!'
+                                                }
+                                            ]
+
+                                        }
+                                    ]
+
                                 }
                             ]