fix attribute

[roojs1] / examples / bootstrap / left_siderbar.js

diff --git a/examples/bootstrap/left_siderbar.js b/examples/bootstrap/left_siderbar.js
index d96aa5e..d6d537c 100644 (file)
--- a/examples/bootstrap/left_siderbar.js
+++ b/examples/bootstrap/left_siderbar.js
@@ -53,7 +53,7 @@ left_siderbar = new Roo.XComponent({
                                     items : [
                                        {
                                             '|xns' : 'Roo.bootstrap',
-                                            cls : 'col-md-4 sidebar-left',
+                                            cls : 'col-md-4 sidebar sidebar-left',
                                             xtype : 'NavSidebar',
                                             xns : Roo.bootstrap,
                                             items : [
@@ -72,8 +72,8 @@ left_siderbar = new Roo.XComponent({
                                                                {
                                                                     '|xns' : 'Roo.bootstrap',
                                                                     xtype : 'Header',
-                                                                    level : 4,
                                                                     xns : Roo.bootstrap,
+                                                                    level : 4,
                                                                     html : 'Lorem ipsum dolor sit'
                                                                 },
                                                                {
@@ -95,8 +95,8 @@ left_siderbar = new Roo.XComponent({
                                                                {
                                                                     '|xns' : 'Roo.bootstrap',
                                                                     xtype : 'Header',
-                                                                    xns : Roo.bootstrap,
                                                                     level : 4,
+                                                                    xns : Roo.bootstrap,
                                                                     html : 'Lorem ipsum dolor sit'
                                                                 },
                                                                {
@@ -104,7 +104,7 @@ left_siderbar = new Roo.XComponent({
                                                                     tag : 'p',
                                                                     xtype : 'Element',
                                                                     xns : Roo.bootstrap,
-                                                                    html : '<img src=\"assets/images/1.jpg\" alt=\"\">'
+                                                                    html : '<img src=\"http://localhost/bootswatch/Progressus/assets/images/2.jpg\" alt=\"\">'
                                                                 }
                                                             ]
 
@@ -118,8 +118,8 @@ left_siderbar = new Roo.XComponent({
                                                                {
                                                                     '|xns' : 'Roo.bootstrap',
                                                                     xtype : 'Header',
-                                                                    level : 4,
                                                                     xns : Roo.bootstrap,
+                                                                    level : 4,
                                                                     html : 'Lorem ipsum dolor sit'
                                                                 },
                                                                {
@@ -127,7 +127,7 @@ left_siderbar = new Roo.XComponent({
                                                                     tag : 'p',
                                                                     xtype : 'Element',
                                                                     xns : Roo.bootstrap,
-                                                                    html : '<img src=\"assets/images/2.jpg\" alt=\"\">'
+                                                                    html : '<img src=\"http://localhost/bootswatch/Progressus/assets/images/1.jpg\" alt=\"\">'
                                                                 },
                                                                {
                                                                     '|xns' : 'Roo.bootstrap',
@@ -141,34 +141,117 @@ left_siderbar = new Roo.XComponent({
                                                         }
                                                     ]
 
-                                                },
+                                                }
+                                            ]
+
+                                        },
+                                       {
+                                            '|xns' : 'Roo.bootstrap',
+                                            cls : 'col-md-8 maincontent',
+                                            xtype : 'Container',
+                                            xns : Roo.bootstrap,
+                                            items : [
                                                {
                                                     '|xns' : 'Roo.bootstrap',
-                                                    cls : 'col-md-8 maincontent',
-                                                    xtype : 'Container',
+                                                    tag : 'header',
+                                                    cls : 'page-header',
+                                                    xtype : 'Element',
                                                     xns : Roo.bootstrap,
                                                     items : [
                                                        {
                                                             '|xns' : 'Roo.bootstrap',
-                                                            xtype : 'Element',
+                                                            cls : 'page-title',
+                                                            xtype : 'Header',
                                                             xns : Roo.bootstrap,
-                                                            items : [
-                                                               {
-                                                                    '|xns' : 'Roo.bootstrap',
-                                                                    xtype : 'Header',
-                                                                    xns : Roo.bootstrap,
-                                                                    level : 
-                                                                }
-                                                            ]
-
-                                                        },
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            xtype : 'Element',
-                                                            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!'
                                                 }
                                             ]