diff --git a/Gruntfile.js b/Gruntfile.js
index ff8df37f69..41ae718ca6 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -10,13 +10,14 @@ module.exports = function(grunt) {
       'src/pyson.js',
       'src/session.js',
       'src/model.js',
-       'src/tab.js',
-       'src/screen.js',
-       'src/view.js',
-       'src/action.js',
-       'src/common.js',
-       'src/window.js',
-       'src/wizard.js'
+      'src/tab.js',
+      'src/screen.js',
+      'src/view.js',
+      'src/action.js',
+      'src/common.js',
+      'src/window.js',
+      'src/wizard.js',
+      'src/board.js'
   ];
 
   // Project configuration.
diff --git a/src/board.js b/src/board.js
new file mode 100644
index 0000000000..7d33102c2c
--- /dev/null
+++ b/src/board.js
@@ -0,0 +1,324 @@
+/* This file is part of Tryton.  The COPYRIGHT file at the top level of
+   this repository contains the full copyright notices and license terms. */
+(function() {
+    'use strict';
+
+    Sao.View.Board = Sao.class_(Object, {
+        init: function(view_xml, context) {
+            var attributes, attribute, node, actions_prms;
+
+            this.context = context;
+            this.widgets = [];
+            this.actions = [];
+            this.el = jQuery('<div/>', {
+                'class': 'board'
+            });
+
+            attributes = {};
+            node = view_xml.children()[0];
+            for (var i = 0, len = node.attributes.length; i < len; i++) {
+                attribute = node.attributes[i];
+                attributes[attribute.name] = attribute.value;
+            }
+            this.attributes = attributes;
+            this.el.append(this.parse(node).el);
+
+            actions_prms = [];
+            for (i = 0, len = this.actions.length; i < len; i++) {
+                actions_prms.push(this.actions[i].action_prm);
+            }
+            this.actions_prms = jQuery.when.apply(jQuery, actions_prms);
+        },
+        _parse_node: function(child, container, attributes) {
+            switch (child.tagName) {
+                case 'image':
+                    break;
+                case 'separator':
+                    this._parse_separator(child, container, attributes);
+                    break;
+                case 'label':
+                    this._parse_label(child, container, attributes);
+                    break;
+                case 'newline':
+                    container.add_row();
+                    break;
+                case 'notebook':
+                    this._parse_notebook(child, container, attributes);
+                    break;
+                case 'page':
+                    this._parse_page(child, container, attributes);
+                    break;
+                case 'group':
+                    this._parse_group(child, container, attributes);
+                    break;
+                case 'hpaned':
+                    this._parse_pane(child, container, attributes,
+                            'horizontal');
+                    break;
+                case 'vpaned':
+                    this._parse_pane(child, container, attributes,
+                            'vertical');
+                    break;
+                case 'child':
+                    this._parse_child(child, container, attributes);
+                    break;
+                case 'action':
+                    this._parse_action(child, container, attributes);
+                    break;
+            }
+        },
+        parse: function(node, container) {
+            var _parse;
+            if (!container) {
+                container = new Sao.View.Form.Container(
+                        Number(node.getAttribute('col') || 4));
+            }
+            _parse = function(index, child) {
+                var attributes, attribute;
+                var i, len;
+                attributes = {};
+                for (i = 0, len = child.attributes.length; i < len; i++) {
+                    attribute = child.attributes[i];
+                    attributes[attribute.name] = attribute.value;
+                }
+                ['yexpand', 'yfill', 'xexpand', 'xfill', 'colspan',
+                 'position'].forEach(function(name) {
+                     if (attributes[name]) {
+                         attributes[name] = Number(attributes[name]);
+                     }
+                });
+                this._parse_node(child, container, attributes);
+            };
+            jQuery(node).children().each(_parse.bind(this));
+            return container;
+        },
+        _parse_separator: function(node, container, attributes) {
+            var text, separator;
+            text = attributes.string;
+            separator = new Sao.view.Form.Separator(text, attributes);
+            container.add(attributes, separator);
+        },
+        _parse_label: function(node, container, attributes) {
+            var text, label;
+            text = attributes.string;
+            if (!text) {
+                container.add(attributes);
+                return;
+            }
+            label = new Sao.View.Form.Label(text, attributes);
+            container.add(attributes, label);
+        },
+        _parse_notebook: function(node, container, attributes) {
+            var notebook;
+            if (attributes.yexpand === undefined) {
+                attributes.yexpand = true;
+            }
+            if (attributes.yfill === undefined) {
+                attributes.yfill = true;
+            }
+            notebook = new Sao.View.Form.Notebook(attributes);
+            container.add(attributes, notebook);
+            this.parse(node, container);
+        },
+        _parse_page: function(node, container, attributes) {
+            var text;
+            text = attributes.string;
+            page = this.parse(node, container);
+            page = new Sao.View.Form.Page(container.add(page.el, text),
+                    attributes);
+        },
+        _parse_group: function(node, container, attributes) {
+            var group;
+            group = new Sao.View.Form.Group(attributes);
+            container.add(attributes, group);
+        },
+        _parse_pane: function(node, container, attributes, orientation) {
+            var paned;
+            if (attributes.yexpand === undefined) {
+                attributes.yexpand = true;
+            }
+            if (attributes.yfill === undefined) {
+                attributes.yfill = true;
+            }
+            paned = new Sao.common.Paned(orientation);
+            container.add(attributes, paned);
+            this.parse(node, paned);
+        },
+        _parse_child: function(node, paned, attributes) {
+            var container, child1, child2;
+            container = this.parse(node);
+            child1 = paned.get_child1();
+            if (child1.children().length > 0) {
+                child2 = paned.get_child2();
+                child2.append(container.el);
+            } else {
+                child1.append(container.el);
+            }
+        },
+        _parse_action: function(node, container, attributes) {
+            var action;
+            if (attributes.yexpand === undefined) {
+                attributes.yexpand = true;
+            }
+            if (attributes.yfill === undefined) {
+                attributes.yfill = true;
+            }
+            action = new Sao.View.Board.Action(attributes, this.context);
+            this.actions.push(action);
+            container.add(attributes, action);
+        }
+    });
+
+    Sao.View.Board.Action = Sao.class_(Object, {
+        init: function(attributes, context) {
+            var model, action_prm, act_window;
+            var decoder, search_context, search_value;
+
+            this.name = attributes.name;
+            this.context = context || {};
+
+            act_window = new Sao.Model('ir.action.act_window');
+            this.action_prm = act_window.execute('get', [this.name],
+                    this.context);
+            this.action_prm.done(function(action) {
+                var i, len;
+                var view_ids, decoder, search_context;
+                var screen_attributes, action_modes;
+
+                this.action = action;
+                this.action.mode = [];
+                view_ids = [];
+                if ((this.action.views || []).length > 0) {
+                    for (i = 0, len = this.action.views.length; i < len; i++) {
+                        view_ids.push(this.action.views[i][0]);
+                        this.action.mode.push(this.action.views[i][1]);
+                    }
+                } else if (this.action.view_id !== undefined) {
+                    view_ids = [this.action.view_id[0]];
+                }
+
+                if ('mode' in attributes) {
+                    this.action.mode = attributes.mode;
+                }
+
+                if (!('pyson_domain' in this.action)) {
+                    this.action.pyson_domain = '[]';
+                }
+
+                jQuery.extend(this.context,
+                        Sao.Session.current_session.context);
+                this.context._user = Sao.Session.current_session.user_id;
+                decoder = new Sao.PYSON.Decoder(this.context);
+                jQuery.extend(this.context,
+                        decoder.decode(this.action.pyson_context || '{}'));
+                decoder = new Sao.PYSON.Decoder(this.context);
+                jQuery.extend(this.context,
+                        decoder.decode(this.action.pyson_context || '{}'));
+
+                this.domain = [];
+                this.update_domain([]);
+
+                search_context = jQuery.extend({}, this.context);
+                search_context.context = this.context;
+                search_context._user = Sao.Session.current_session.user_id;
+                decoder = new Sao.PYSON.Decoder(search_context);
+                search_value = decoder.decode(
+                        this.action.pyson_search_value || '{}');
+
+                screen_attributes = {
+                    mode: this.action.mode,
+                    context: this.context,
+                    view_ids: view_ids,
+                    domain: this.domain,
+                    search_value: search_value,
+                    row_activate: this.row_activate.bind(this),
+                };
+                this.screen = new Sao.Screen(this.action.res_model,
+                        screen_attributes);
+
+                if (attributes.string) {
+                    this.title.html(attributes.string);
+                } else if (this.action.window_name !== undefined) {
+                    this.title.html(this.action.name);
+                } else {
+                    this.title.html(this.screen.current_view.title);
+                }
+                this.screen.switch_view().done(function() {
+                    this.body.append(this.screen.screen_container.el);
+                    this.screen.search_filter();
+                }.bind(this));
+            }.bind(this));
+            this.el = jQuery('<div/>', {
+                'class': 'board-action panel panel-default',
+            });
+            this.title = jQuery('<div/>', {
+                'class': 'panel-heading',
+            });
+            this.el.append(this.title);
+            this.body = jQuery('<div/>', {
+                'class': 'panel-body',
+            });
+            this.el.append(this.body);
+        },
+        row_activate: function() {
+            var record_ids, win;
+
+            if (!this.screen.current_record) {
+                return;
+            }
+
+            if (this.screen.current_view.view_type == 'tree' &&
+                    ('keyword_open' in this.screen.current_view.attributes)) {
+                record_ids = this.screen.current_view.selected_records().map(
+                        function(record) { return record.id; });
+                Sao.Action.exec_keyword('tree_open', {
+                    model: this.screen.model_name,
+                    id: this.screen.current_record.id,
+                    ids: record_ids
+                }, jQuery.extend({}, this.context), false);
+            } else {
+                win = new Sao.Window.Form(this.screen, function(result) {
+                    if (result) {
+                        this.screen.current_record.save();
+                    } else {
+                        this.screen.current_record.cancel();
+                    }
+                }.bind(this));
+            }
+        },
+        set_value: function() {
+        },
+        display: function() {
+            this.screen.search_filter(this.screen.screen_container.get_text());
+        },
+        get_active: function() {
+            if (this.screen && this.screen.current_record) {
+                return Sao.common.EvalEnvironment(this.screen.current_record);
+            }
+        },
+        update_domain: function(actions) {
+            var i, len;
+            var active, domain_ctx, decoder, new_domain;
+
+            domain_ctx = jQuery.extend({}, this.context);
+            domain_ctx.context = domain_ctx;
+            domain_ctx._user = Sao.Session.current_session.user_id;
+            for (i = 0, len = actions.length; i < len; i++) {
+                active = actions[i].get_active();
+                if (active) {
+                    domain_ctx[actions[i].name] = active;
+                }
+            }
+            decoder = new Sao.PYSON.Decoder(domain_ctx);
+            new_domain = decoder.decode(this.action.pyson_domain);
+            if (Sao.common.compare(this.domain, new_domain)) {
+                return;
+            }
+            this.domain.splice(0, this.domain.length);
+            jQuery.extend(this.domain, new_domain);
+            if (this.screen) {
+                this.display();
+            }
+        }
+    });
+}());
diff --git a/src/common.js b/src/common.js
index 7ae0ad7944..226a475628 100644
--- a/src/common.js
+++ b/src/common.js
@@ -3115,4 +3115,38 @@
         return sao_model.execute('search_read',
                 [domain, 0, Sao.config.limit, null, ['rec_name']], context);
     };
+
+    Sao.common.Paned = Sao.class_(Object, {
+        init: function(orientation) {
+            var row;
+            this._orientation = orientation;
+            this.el = jQuery('<div/>', {
+                'class': 'container-fluid'
+            });
+            if (orientation == 'horizontal') {
+                row = jQuery('<div/>', {
+                    'class': 'row'
+                }).appendTo(this.el);
+                this.child1 = jQuery('<div/>', {
+                    'class': 'col-md-6'
+                }).appendTo(row);
+                this.child2 = jQuery('<div/>', {
+                    'class': 'col-md-6'
+                }).appendTo(row);
+            } else if (orientation == 'vertical') {
+                this.child1 = jQuery('<div/>', {
+                    'class': 'row'
+                }).appendTo(this.el);
+                this.child2 = jQuery('<div/>', {
+                    'class': 'row'
+                }).appendTo(this.el);
+            }
+        },
+        get_child1: function() {
+            return this.child1;
+        },
+        get_child2: function() {
+            return this.child2;
+        }
+    });
 }());
diff --git a/src/tab.js b/src/tab.js
index aae62acbe9..06979a847e 100644
--- a/src/tab.js
+++ b/src/tab.js
@@ -17,7 +17,9 @@
 
             this.title = jQuery('<h4/>').appendTo(this.el);
 
-            this.el.append(this.info_bar.el);
+            if (this.info_bar) {
+                this.el.append(this.info_bar.el);
+            }
 
             this.create_toolbar().appendTo(this.el);
         },
@@ -683,6 +685,55 @@
         }
     });
 
+    Sao.Tab.Board = Sao.class_(Sao.Tab, {
+        class_: 'tab-board',
+        init: function(attributes) {
+            var UIView, view_prm;
+            Sao.Tab.Board._super.init.call(this);
+            this.model = attributes.model;
+            this.view_id = (attributes.view_ids.length > 0 ?
+                    attributes.view_ids[0] : null);
+            this.context = attributes.context;
+            this.name = attributes.name;
+            this.dialogs = [];
+            this.board = null;
+            UIView = new Sao.Model('ir.ui.view');
+            view_prm = UIView.execute('read', [[this.view_id], ['arch']],
+                    this.context);
+            view_prm.done(function(views) {
+                var view, board;
+                view = jQuery(jQuery.parseXML(views[0].arch));
+                this.board = new Sao.View.Board(view, this.context);
+                this.board.actions_prms.done(function() {
+                    var i, len, action;
+                    for (i = 0, len = this.board.actions.length; i < len; i++) {
+                        action = this.board.actions[i];
+                        action.screen.tab = this;
+                    }
+                }.bind(this));
+                this.el.append(this.board.el);
+            }.bind(this));
+            this.create_tabcontent();
+            this.set_name(this.name);
+            this.title.html(this.name_el.text());
+        },
+        create_toolbar: function() {
+            return jQuery('<span/>');
+        },
+        record_message: function() {
+            var i, len;
+            var action;
+
+            len = this.board.actions.length;
+            for (i = 0, len=len; i < len; i++) {
+                action = this.board.actions[i];
+                action.update_domain(this.board.actions);
+            }
+        },
+        attachment_count: function() {
+        }
+    });
+
     Sao.Tab.Wizard = Sao.class_(Sao.Tab, {
         class_: 'tab-wizard',
         init: function(wizard) {