Enable Dark Mode!
how-to-create-and-manage-a-new-user-menu-in-odoo-16.jpg
By: Aswathi pn

How to Create & Manage a New User Menu in Odoo 16

Technical Odoo 16

Odoo offers a common approach for creating new user menus and their accompanying actions. Odoo is now more practical and simple to use as a result.

You can observe your profile photo on the top right corner of the page when you enter into Odoo. The user menu, which appears when you click on the image, offers drop-down options like documentation, settings, shortcuts, support, etc.

how-to-create-and-manage-a-new-user-menu-in-odoo-16-cybrosys

We can now begin to examine how to build and administer a new user menu in Odoo16.

I've included a menu to enable developer mode in this place.

We must first construct a new module for it. Moreover, the supplied value needs to be added to the appropriate Registries. They are crucial to the extensibility of the user interface. After being registered, the object can be used by the rest of the web client. Registries are a key/value map that is ordered. While defining an object, a number of Odoo JavaScript framework features query the registry (field, view, client action, service, etc.).

Categories of Registries:

- Effect Registry: A database of all effects that are accessible.

- Formatter Register: Functions for value formatting.

- Parser Registry: Functions for parsing values 

- Main Components Registry: Top-level components for your web client

- Service Registry: The services that need to be activated are all listed in the service registry.

- Systray Registry: Information shown on the navbar's right side.

- User menu Registry: The User menu Registry houses all of the menu items.

We must expand the User menu registry to add a new user menu in order to do so. All of the menu items shown when the user menu is opened are stored in the User Menu Registry (category: user menu items).

Moreover, user menu items are defined by the use of functions that take the environment as an argument and output an object containing the data listed below:

Description: Callback for menu item 

Text: To dial when a choice is made 

Href: Use the href property to place the item's value in the a> element.

Hide: To bury the object

Order:  Establishes where the item stands in relation to other dropdown items.

Create a js file in the static / src / js directory.

how-to-create-and-manage-a-new-user-menu-in-odoo-16-cybrosys

And add the below code to that js file.

/** @odoo-module **/
import { registry } from "@web/core/registry";
import { preferencesItem } from "@web/webclient/user_menu/user_menu_items";
import { routeToUrl } from "@web/core/browser/router_service";
import { browser } from "@web/core/browser/browser";
const usersMenuRegistry = registry.category("user_menuitems");
function debugItems(env) {
  const URL = $.param.querystring(window.location.href, 'debug=1');
  return {
      type: "item",
      id: "debug",
      description: env._t("Activate developer mode"),
      href: URL,
      callback: () => {
          browser.open(URL, "_self");
      },
      sequence: 50,
  };
}
registry.category("user_menuitems").add("debug", debugItems)

Automatic conversion to an Odoo module: /** @odoo-module **/. Import the class or method. We must add a function to the Site after importing. After opening a template, UserMenu adds a new element with a particular value to the object.

window.location.href: returns the current page's href (URL).

'assets':{
   'web.assets_backend':  [
       '/user_menu/static/src/js/user_menu.js',
   ],
},

After creating the javascript, we need to add this in the __manifest__.py file in the assets.

Activate the developer mode is a menu item that appears on the user menu when the module has been installed (top right of navigation bar).

how-to-create-and-manage-a-new-user-menu-in-odoo-16-cybrosys

Now when you click on the "Activate Developer Mode" menu, you can see that developer mode is activated. The user menu registry contains all menu items that are shown when opening the user menu (the navbar element with the user name on the top right).


If you need any assistance in odoo, we are online, please chat with us.



1
Comments

emi

Hello, Seems that does not works in Odoo 17. At least for the backend UI. Any idea?

12/12/2023

-

11:40PM



Leave a comment

 


whatsapp
location

Calicut

Cybrosys Technologies Pvt. Ltd.
Neospace, Kinfra Techno Park
Kakkancherry, Calicut
Kerala, India - 673635

location

Kochi

Cybrosys Technologies Pvt. Ltd.
1st Floor, Thapasya Building,
Infopark, Kakkanad,
Kochi, India - 682030.

location

Bangalore

Cybrosys Techno Solutions
The Estate, 8th Floor,
Dickenson Road,
Bangalore, India - 560042

Send Us A Message