Roo/doc/Example.js
authorAlan Knowles <alan@roojs.com>
Fri, 9 Sep 2016 06:28:33 +0000 (14:28 +0800)
committerAlan Knowles <alan@roojs.com>
Fri, 9 Sep 2016 06:28:33 +0000 (14:28 +0800)
Roo/doc/Example.js

index 2fa7b0e..976f184 100644 (file)
@@ -33,36 +33,38 @@ Roo.extend(Roo.doc.Example, Roo.bootstrap.Component,  {
         // no colour highlighting in here....
         
         var cfg ={
-            
-            
             cls : 'panel panel-info',
-            
             cn : [
                 {
-                    tag: 'pre',
-                    cls : this.lang,
-                    html :  String.format('{0}',this.code).replace(/\n/g, '<br/>')
+                    cls : 'panel-heading',
+                    html : this.title,
+                },
+                {
+                    cls : 'panel-body',
+                    cn : [
+                        {
+                            tag: 'pre',
+                            cls : this.lang,
+                            html :  String.format('{0}',this.code).replace(/\n/g, '<br/>')
+                        }
+                    ]
                 }
             ]
         };
+        
         if (this.output) {
-            cfg.cn.push({
-                cls : 'panel panel-success',
-                cn : [
-                    {
-                        cls : 'panel-heading',
-                        html : "Outputs",
-                    },
-                    {
-                        cls : 'panel-body',
-                        cn : {
-                            tag: 'pre',
-                            html :  String.format('{0}',this.output).replace(/\n/g, '<br/>')
-                        }
+            cfg.cn.push(
+
+                {
+                    cls : 'panel-footer',
+                    cn : {
+                        tag: 'code',
+                        html :  String.format('{0}',this.output).replace(/\n/g, '<br/>')
                     }
-                ]
+                }
+            
                 
-            });
+            );
         }