Hello odoo

Hi,

If you want to build a custom dashboard properly in Odoo (using JS + XML), here’s the correct structure you should follow:

JavaScript Code

import { AbstractAction } from "@web/webclient/actions/abstract_action";

import { registry } from "@web/core/registry";

export class HrDashboard extends AbstractAction {

    setup() {

        super.setup(...arguments);

    }

}

HrDashboard.template = "hr_dashboard.DashboardMain";

registry.category("actions").add("custom_hr_dashboard", HrDashboard);

XML Template (QWeb)

<?xml version="1.0" encoding="UTF-8"?>

<odoo>

    <template id="DashboardMain" name="Dashboard Main">

        <div class="oe_structure">

            <h1>Hello Odoo</h1>

            <p>This is my first dashboard.</p>

        </div>

    </template>

</odoo>

Action or menu view.

<odoo>

    <record id="hr_dashboard_action" model="ir.actions.client">

        <field name="name">HR Dashboard</field>

        <field name="tag">custom_hr_dashboard</field> <!-- Same as JS action_registry key -->

    </record>

    <menuitem id="menu_hr_dashboard"

              name="Dashboard"

              action="hr_dashboard_action"

              sequence="10"

              parent="hr.menu_hr_root"

              groups="base.group_user"/>

</odoo>

The tag in ir.actions.client must match the one you used in registry.category("actions").add(...) (which is "custom_hr_dashboard").

Also Refer the blog:

https://www.cybrosys.com/blog/how-to-create-dashboard-in-odoo-18

Hope this helps