diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index cc8b596e6f5..2cdeb9e89d5 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -1315,3 +1315,6 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     border-color: rgba(0,0,0,0);
     border-left-color: #CFCCCC;
 }
+.openerp .view_editor{ 
+     border-bottom: 1px solid #CFCCCC;
+}
diff --git a/addons/web/static/src/js/view_editor.js b/addons/web/static/src/js/view_editor.js
index c2d8404a2dd..28b13aa1930 100644
--- a/addons/web/static/src/js/view_editor.js
+++ b/addons/web/static/src/js/view_editor.js
@@ -44,8 +44,9 @@ openerp.web.ViewEditor =   openerp.web.Widget.extend({
                     
                 },
                 "Edit": function(){
-                    self.xml_id=0;
-                    self.edit_view();
+                    self.xml_id = 0 ;
+                    self.get_data();
+                    
                 },
                 "Close": function(){
                  $(this).dialog('destroy');
@@ -58,10 +59,12 @@ openerp.web.ViewEditor =   openerp.web.Widget.extend({
        action_manager.appendTo(this.dialog);
        action_manager.do_action(action);
     },
-    check_attr:function(xml,tag){
+
+    check_attr:function(xml,tag,level){
         var obj = new Object();
         obj.child_id = [];
         obj.id = this.xml_id++;
+        obj.level = level;
         var att_list = [];
         var name1 = "<" + tag;
         $(xml).each(function() {
@@ -75,6 +78,7 @@ openerp.web.ViewEditor =   openerp.web.Widget.extend({
         obj.name = name1;
         return obj;
     },
+
     save_object : function(val,parent_list,child_obj_list){
         var self = this;
         var check_id = parent_list[0];
@@ -94,14 +98,16 @@ openerp.web.ViewEditor =   openerp.web.Widget.extend({
             val.child_id = child_obj_list;
         }
     },
+
     children_function : function(xml,root,parent_list,parent_id,main_object){
         var self = this;
         var child_obj_list = [];
         var parent_list = parent_list;
         var main_object = main_object;
         var children_list = $(xml).filter(root).children();
+        var parents = $(children_list[0]).parents().get();
         _.each(children_list, function(child_node){
-            var string = self.check_attr(child_node,child_node.tagName.toLowerCase());
+            var string = self.check_attr(child_node,child_node.tagName.toLowerCase(),parents.length);
             child_obj_list.push(string);
         });
         if(children_list.length != 0){
@@ -115,42 +121,47 @@ openerp.web.ViewEditor =   openerp.web.Widget.extend({
         }
         for(var i=0;i<children_list.length;i++){
             self.children_function
-(children_list[i],children_list[i].tagName.toLowerCase(),parent_list,child_obj_list[i].id,main_object);
+                (children_list[i],children_list[i].tagName.toLowerCase(),parent_list,child_obj_list[i].id,main_object);
         }
         return main_object;
     },
-    edit_view : function(){
+    get_data : function(){
             var self = this;
-            var all_list =[];
             var view_id =(($("input[name='radiogroup']:checked").parent()).parent()).attr('data-id');
             var ve_dataset = new openerp.web.DataSet(this,'ir.ui.view');
-            ve_dataset.read_ids([parseInt(view_id)],['arch'],function (arch) {
-            var arch = arch[0].arch;
-            var root = $(arch).filter(":first")[0];
-            var tag = root.tagName.toLowerCase();
-            var root_object = self.check_attr(root,tag);
-            one_object = self.children_function(arch,tag,[],0,[root_object]);
-            //render here
-            });
+            ve_dataset.read_ids([parseInt(view_id)],['arch'],function (arch){
+                    var arch = arch[0].arch;
+                    var root = $(arch).filter(":first")[0];
+                    var tag = root.tagName.toLowerCase();
+                    var root_object = self.check_attr(root,tag,0);
+                    var one_object = self.children_function(arch,tag,[],0,[root_object]);
+                    return self.edit_view(one_object);
+                });
+    },
+    edit_view : function(o){
+        var self = this;
             this.dialog = new openerp.web.Dialog(this,{
-            modal: true,
-            title: 'Edit Xml',
-            width: 750,
-            height: 500,
-            buttons: {
-                "Inherited View": function(){
-                    
-                },
-                "Preview": function(){
-                    
-                },
-                "Close": function(){
-                    $(this).dialog('destroy');
-                }
-            },
+                modal: true,
+                title: 'Edit Xml',
+                width: 750,
+                height: 500,
+                buttons: {
+                        "Inherited View": function(){
+                            
+                        },
+                        "Preview": function(){
+                            
+                        },
+                        "Close": function(){
+                            $(this).dialog('destroy');
+                        }
+                    }
+            });
 
-        });
-         
+            this.dialog.start().open();
+            this.dialog.$element.html(QWeb.render('view_editor', {
+            'data': o,
+            }));
     }
         
 });
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index e55d56f5912..0283bcc021e 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -1243,6 +1243,28 @@
             .unwrap();
     </t>
 </t>
+<t t-name="view_editor">
+    <table align="left" width= "100%">
+        <t t-call="view_editor.row"/>
+    </table>
+</t>
+<t t-name="view_editor.row">
+    
+    <t t-foreach="data" t-as="rec">
+        <tr >
+            <td class= "view_editor"
+            t-att-style="'background-position: ' + 30*rec.level + 'px; padding-left: ' + 30*rec.level + 'px'">
+                <img t-if="rec.child_id.length" src="/web/static/src/img/collapse.gif" width="16" height="16" border="0"/>
+                <t t-esc="rec.name"/>
+            </td>
+        </tr >
+        <t t-if="rec.child_id.length">
+            <t t-set="data" t-value="rec.child_id"/>
+            <t t-call="view_editor.row"/>
+        </t>
+    </t>
+    
+</t>
 
 <t t-name="ExportView">
     <a id="exportview" href="javascript: void(0)" style="text-decoration: none;color: #3D3D3D;">Export</a>
@@ -1295,6 +1317,7 @@
     </tr>
 </table>
 
+
 <table t-name="ExportTreeView-Secondary"
        id="field-tree-structure" class="oe_export_fields_selector_export"
        cellspacing="0" cellpadding="0">