diff --git a/js/app/views/CatalogUI.js b/js/app/views/CatalogUI.js
index 98518da..d08c8da 100644
--- a/js/app/views/CatalogUI.js
+++ b/js/app/views/CatalogUI.js
@@ -20,7 +20,8 @@ Ext.define('amdaUI.CatalogUI', {
         'amdaUI.OperationsTT',
         'Ext.grid.plugin.BufferedRenderer',
         'amdaUI.StatisticalPlug',
-        'amdaDesktop.AmdaStateProvider'
+        'amdaDesktop.AmdaStateProvider',
+        'Ext.grid.plugin.CellEditing'
     ],
 
     isCatalog: true,
@@ -862,10 +863,28 @@ Ext.define('amdaUI.CatalogUI', {
         ]
         });
 
+        Ext.create('Ext.data.Store', {
+            storeId:'simpsonsStore',
+            fields:['name', 'email', 'phone'],
+            data:{'items':[
+                { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
+                { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
+                { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"555-222-1244"  },
+                { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
+            ]},
+            proxy: {
+                type: 'memory',
+                reader: {
+                    type: 'json',
+                    root: 'items'
+                }
+            }
+        });
+
         // Window for the creation of the new Column
         var window = Ext.create('Ext.window.Window', {
             title: (isNew) ? 'New Column' : 'Edit Column',
-            width: 275,
+            width: 575,
             height: 210,
             closable:false,
             modal:true,
@@ -873,57 +892,89 @@ Ext.define('amdaUI.CatalogUI', {
             items: [
                 {
                     xtype: 'form',
-                    layout: 'form',
+                    renderTo: Ext.getBody(),
+                    
+                    fieldDefaults: {
+                        labelAlign: 'right',
+                        msgTarget: 'side'
+                    },
+                    defaults: {
+                        xtype: 'panel',
+                        bodyStyle: {background: '#dfe8f6'},
+                        flex: 1,
+                        border:false,
+                        layout: 'anchor'
+                    },
+                    layout:'hbox',
                     id: 'simpleForm',
                     frame: true,
                     bodyPadding: '5 5 0',
-                    fieldDefaults: {
-                        msgTarget: 'side',
-                        labelWidth: 85
-                    },
                     items: [{
-                        // Name 
-                        xtype:'textfield', 
-                        fieldLabel: 'Column Name',
-                        name: 'nameColumn',
-                        value: (isNew) ? null : columnInfo.name,
-                        allowBlank: false,
-                        tooltip: 'Enter the name of the column you want to create'
-                    },{
-                        // Type
-                        xtype: 'combobox',
-                        fieldLabel: 'Data Type',
-                        name:'typeColumn',
-                        store:types,
-                        allowBlank: false,
-                        value : (isNew) ? null : columnInfo.type,
-                        queryMode: 'local',
-                        displayField: 'name',
-                        valueField: 'type',
-                        editable: false,
-                        tooltip: 'Enter the type of data you want to put in this column'
-                    },
-                    {
-                        // Size
-                        xtype:'numberfield',
-                        fieldLabel: 'Size',
-                        name: 'sizeColumn',
-                        value: (isNew) ? 1 : columnInfo.size,
-                        maxValue: 3,
-                        minValue: 1,
-                        allowBlank: false,
-                        tooltip: 'For exemple: 1 for scalar type or 3 for a vector'
+                        items:[{
+                            // Name 
+                            xtype:'textfield', 
+                            fieldLabel: 'Column Name',
+                            name: 'nameColumn',
+                            value: (isNew) ? null : columnInfo.name,
+                            allowBlank: false,
+                            tooltip: 'Enter the name of the column you want to create'
+                        },{
+                            // Type
+                            xtype: 'combobox',
+                            fieldLabel: 'Data Type',
+                            name:'typeColumn',
+                            store:types,
+                            allowBlank: false,
+                            value : (isNew) ? null : columnInfo.type,
+                            queryMode: 'local',
+                            displayField: 'name',
+                            valueField: 'type',
+                            editable: false,
+                            tooltip: 'Enter the type of data you want to put in this column'
+                        },
+                        {
+                            // Size
+                            xtype:'numberfield',
+                            fieldLabel: 'Size',
+                            name: 'sizeColumn',
+                            value: (isNew) ? 1 : columnInfo.size,
+                            maxValue: 3,
+                            minValue: 1,
+                            allowBlank: false,
+                            tooltip: 'For exemple: 1 for scalar type or 3 for a vector'
+                        },
+                        {
+                            // Name 
+                            xtype:'textarea', 
+                            fieldLabel: 'Description',
+                            name: 'descriptionColumn',
+                            height:50,
+                            value: (isNew) ? null : columnInfo.description,
+                            allowBlank: true,
+                        }]
                     },
                     {
-                        // Name 
-                        xtype:'textarea', 
-                        fieldLabel: 'Description',
-                        name: 'descriptionColumn',
-                        height:50,
-                        value: (isNew) ? null : columnInfo.description,
-                        allowBlank: true,
-                    }
-                ],
+                        items:[
+                        {
+                            xtype:'grid',
+                            title: 'Status Color',
+                            store: Ext.data.StoreManager.lookup('simpsonsStore'),
+                            columns: [
+                                { text: 'Value',  dataIndex: 'name',flex: 1,editor: 'textfield'},
+                                { text: 'Label', dataIndex: 'email', flex: 1,editor: 'textfield' },
+                                { text: 'Color', dataIndex: 'phone',flex: 1,editor: 'textfield' }
+                            ],
+                            selType: 'cellmodel',
+                            plugins: [
+                                Ext.create('Ext.grid.plugin.CellEditing', {
+                                    clicksToEdit: 1
+                                })
+                            ],
+                            height: 120,
+                            width: 200,
+                            renderTo: Ext.getBody()
+                        }],
+                    }],
 
                     buttons: [{
                         text: 'Save',
--
libgit2 0.21.2