Skip to Content
This question has been flagged
1 Atsakyti
137 Rodiniai
Portretas
Gowtham S

Hello Community,

I am developing a custom module in Odoo 17, and I need to change the default position of the “Create” button in list or form views.

Since Odoo 17 UI is fully OWL-based and the Control Panel layout has changed compared to older versions, I want to confirm the correct and recommended way to customize the placement of the Create button.

My questions:

  1. What is the proper method in Odoo 17 to reposition the Create button?

    • Should this be done by extending the ControlPanel component using JavaScript (OWL patching)?

    • Should I override the XML template?

    • Or is there an official extension point provided by Odoo?

  2. Is overriding the ControlPanel template discouraged in Odoo 17?

    (In Odoo 14–16 it was common, but in 17 many templates are now JS components.)

  3. If the recommended approach is to patch the component, what is the correct pattern to follow for Odoo 17?

Goal

I only want to change where the Create button appears — not its functionality.

Any guidance or official best practice for Odoo 17 would be very helpful.

Thank you.

Portretas
Atmesti
Portretas
Kunjan Patel
Best Answer
Hello Gowtham,
I hope you are doing well

Reposition Create Button in Odoo 17

1. JS - static/src/js/control_panel.js
  /** @odoo-module **/
  import { patch } from "@web/core/utils/patch";
  import { ControlPanel } from "@web/search/control_panel/control_panel";

  patch(ControlPanel.prototype, {
       setup() {
          super.setup();
          this.createButtonPosition = "left";
          this.showCreateButton = true;
      }
  });

2. XML - static/src/xml/control_panel.xml
  <templates>
      <t t-name="web.ControlPanel" t-inherit="web.ControlPanel" t-inherit-mode="extension">
          <xpath expr="//div[hasclass('o_control_panel_actions')]" position="replace">
              <div class="o_control_panel_actions d-flex">
                  <t t-slot="control-panel-create-button"/>
                  <t t-slot="control-panel-additional-actions"/>
              </div>
          </xpath>
      </t>
  </templates>

3. Manifest

  'assets': {
      'web.assets_backend': [
          'your_module/static/src/js/control_panel.js',
          'your_module/static/src/xml/control_panel.xml',
      ],
  },

Key: Use patch() + XML t-inherit for OWL components in Odoo 17.

I hope this information helps you

Thanks & Regards,
Kunjan Patel

Portretas
Atmesti