examples/bootstrap/Editor.js

[roojs1] / examples / bootstrap / Editor.js

diff --git a/examples/bootstrap/Editor.js b/examples/bootstrap/Editor.js
index bfc07db..c9e9685 100644 (file)
--- a/examples/bootstrap/Editor.js
+++ b/examples/bootstrap/Editor.js
@@ -12,16 +12,10 @@ Roo.example.Editor = new Roo.XComponent({
     permname : '', 
     _tree : function()
     {
-        this.parent = {
-            el : new Roo.bootstrap.Body()
-        }
-        this.parent.el.layout = false;
-        this.parent.el.render(document.body);
-        
+         
         var _this = this;
         var MODULE = this;
-        var baseURL = '/web.campaign/index.local.php';
-        
+         
         return {
             xtype: 'Body',
             xns: Roo.bootstrap,
@@ -41,12 +35,37 @@ Roo.example.Editor = new Roo.XComponent({
                                     xtype : 'Container',
                                     cls : 'container alpha',
                                     xns : Roo.bootstrap,
-                                    listeners : {
-                                        render : function (_self)
+                                    items : [
+                                       {
+                                            level : 4,
+                                            xtype : 'Header',
+                                            html : 'Inline Editor',
+                                            xns : Roo.bootstrap
+                                        },
                                         {
-                                            _this.previewContianer = _self;
+                                            xtype : 'Panel',
+                                            xns : Roo.bootstrap.editor,
+                                            name : 'thanks-email',
+                                            width : 1000,
+                                            height : 1500,
+                                            stylesheets : (function(){
+                                                var css = [];
+                                                
+                                                css.push(rootURL + '/roojs1/css-bootstrap/bootstrap.css');
+                                                css.push(rootURL + '/roojs1/css-bootstrap/font-awesome.css');
+                                                css.push(rootURL + '/Campaign/editor/editor.css');
+                                                
+                                                return css;
+                                            })(),
+                                            listeners : {
+                                                render : function (_self)
+                                                {
+                                                    _this.previewPanel = _self;
+                                                }
+                                            }
                                         }
-                                    }
+                                        
+                                    ]
 
                                 }
                             ]