How to Add New Item in CogMenu in Odoo 18
- 1. How to Add New Item in CogMenu in Odoo 18 Enterprise
- 2. Enterprise Introduction In Odoo 18, CogMenu (or Configuration Menu) is a feature typically found in various modules that allows users to configure settings related to that specific module. It has a cogwheel like icon usually located on the top left side of the screen. By default, the features for Importing and Exporting will be available inside the menu.
- 3. Enterprise Let’s take the example from the Sales module of Odoo 18. The CogMenu that we can see there is
- 4. Enterprise To create a new custom menu inside this Cogmenu of Odoo 17, we can just create a new module which will have a structure like
- 5. Enterprise The file cog_menu.js have the javascript code /**@odoo-module **/ import { DropdownItem } from "@web/core/dropdown/dropdown_item"; import { registry } from "@web/core/registry"; const { Component } = owl; const cogMenuRegistry = registry.category("cogMenu"); export class CogMenu extends Component { setup() { super.setup(...arguments); this.notificationService = useService("notification"); } async actionCustomMenu() { this.notificationService.add(_t("Success message test"), { title: "Success", type: "success" }); // Include your action for the menu here...} } CogMenu.template = "cog_menu_item.NewOption"; CogMenu.components = { DropdownItem }; export const CogMenuItem = { Component: CogMenu, groupNumber: 20, isDisplayed: ({ config }) => config.viewType != "form",}; cogMenuRegistry.add("custom-menu", CogMenuItem, { sequence: 10 });
- 6. Enterprise The file cog_menu.xml have the xml code <?xml version="1.0" encoding="UTF-8"?> <templates xml:space="preserve"> <t t-name="cog_menu_item.NewOption" owl="1"> <DropdownItem class="'o_cog_menu'" onSelected.bind="actionCustomMenu"> Custom Menu </DropdownItem> </t> </templates>
- 7. Enterprise This will display the new menu item on the Cog menu as
- 8. Enterprise We have written the bind method js code for the menu to show a simple success message test. So, on clicking the new menu item, we can see
- 9. For More Info. Check our company website for related blogs and Odoo book. Check our YouTube channel for functional and technical videos in Odoo. Enterprise www.cybrosys.com