Web Split View

Web Split View add-on brings a modern and intuitive interface to Odoo, facilitating a more efficient and enjoyable user interaction with data through the innovative split-screen design.

1. Split-Screen Interface:

   The add-on introduces a split-screen interface, allowing users to simultaneously view a list of items and the detailed information of a selected item.

2. List View:

   The list view presents a comprehensive list of items, enabling users to quickly scan and identify the items they are interested in.

3. Detail Form View:

   The detail form view displays in-depth information about a selected item. It provides a closer look at the details, attributes, and related information associated with the chosen item.

4. Interactive Selection:

   Users have the ability to interactively select items from the list view, triggering the display of corresponding details in the adjacent form view.

5. Create, Edit, Delete Functionality:

   The detail form view supports essential CRUD (Create, Read, Update, Delete) operations. Users can create new items, edit existing ones, and delete items directly from the detail form view.

6. Enhanced User Productivity:

   The Web Split View aims to enhance user productivity by streamlining the workflow. Users can efficiently navigate between the list view and detail form view to manage and interact with data.

7. Customizable and Flexible:

   The add-on is designed with customization in mind, providing flexibility for developers and administrators to adapt the split view functionality to meet specific business requirements.

8. Seamless Integration with Odoo:

   As an Odoo add-on, Web Split View seamlessly integrates into the Odoo framework, leveraging its robust features and maintaining consistency with the overall Odoo user experience.

Prerequisites

To create Split View

1. You must be admin of your system or has role Administration Settings.

   Go to Settings/Users & Companies/Users/{user-name} and check out.

   
2. You must activate the developer mode.

   Go to Settings/General Settings and Turn the Developer Mode on.

   

Setup your Split views

For example, to create new Split View of Sales Order Quotation.

1. Go to menu Sales/Orders/Quotations.
2. Click on Debug Menu then Create View: Split.
3. Config the List View and From View.

   If you set this inputs empty, it will get the default List and Form View to display.

   

   To make Split View is the default view when you go to this Menu, check Make default view ✅

   Finnally, click button Create to finish.

4. The result

   You can resize your List & Form View by hover and move this line.

   

Drop your Split views

1. Remove your Split View by click on Debug Menu then Remove View: Split.

To define Split View for developer

1. Create Window Action and define Split View.

   - Define `ir.actions.act_window` with `view_mode` contain `split`.

   - Define `ir.ui.view` with attributes `tree_view_ref/form_view_ref` is xmlid of tree/form has been defined before.

   For example:

   
2. You can define `form` and `tree` tag directly inside `split` tag.

   For example: