Hello, I've been learning the owl framework for the past couple of weeks. In chapter 2 of the tutorial where I have to create a layout ( https://www.odoo.com/documentation/16.0/developer/howtos/discover_js_framework/02_odoo_web_framework.html#a-new-layout [1] ), I cannot manage to make my code work and was wondering if any one of you can help me out. I keep getting the following error message: https://ibb.co/8NJGr0K *Here is the code of my component JS file:* /** @odoo-module **/ import { regis

Odoo 16 Owl tutorial not working

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

CRM
e-Commerce
Kirjanpito
Varastointi
PoS
Project
MRP

All apps

Kaikki kirjoitukset Ihmiset Merkit

Tunnisteet (Näytä kaikki)

odoo accounting v14 pos v15

Tietoa tästä foorumista

Apua

Odoo 16 Owl tutorial not working

slot Components OWL

2 Vastaukset

3475 Näkymät

Odoo4Life

Hello,

I've been learning the owl framework for the past couple of weeks. In chapter 2 of the tutorial where I have to create a layout (https://www.odoo.com/documentation/16.0/developer/howtos/discover_js_framework/02_odoo_web_framework.html#a-new-layout), I cannot manage to make my code work and was wondering if any one of you can help me out.

I keep getting the following error message:

https://ibb.co/8NJGr0K

Here is the code of my component JS file:

/** @odoo-module **/

import { registry } from "@web/core/registry";
import { Layout } from "@web/search/layout";


const { Component } = owl;

class AwesomeDashboard extends Component {

    setup(){

        console.log("awesomedashboard is set")


    }

}

AwesomeDashboard.components = { Layout };
AwesomeDashboard.template = "awesome_tshirt.clientaction";

registry.category("actions").add("awesome_tshirt.dashboard", AwesomeDashboard);

code of component xml file:

<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">

<t t-name="awesome_tshirt.clientaction" owl="1">

    <Layout display="{controlPanel:{'bottom-right':false, 'top_right':false}}">


    </Layout>

</t>

</templates>

Florent Dardenne (dafl)

Paras vastaus

Hello,

I assume that you are using Odoo version 16.
In this version, the Layout component needs a configuration in its environment. Its design had been thought more for use in views and less for client action (the latter is what we do in the tutorial). The API of the component has been improved in the master branch.

To use Layout in your AwesomeDashboard you can use this snippet in your setup function:

// The useSubEnv below can be deleted if you're > 16.0
useSubEnv({
	config: {
		...getDefaultConfig(),
		...this.env.config,            
	},        
});

Odoo4Life

Tekijä

Hello Florent,

I have added configuration to component's environment. But now I get another error message. https://ibb.co/K7mY70q .

Florent Dardenne (dafl)

The error come from a misspell you made in the layout props: `'top_right':false`-> `'top-right':false.

To help you in your journey, you can always check the solutions and compare with what you have https://github.com/odoo/tutorials/commit/c1803a7ef4e19372f39951e99a626a3047825eed

Odoo4Life

Tekijä

Thank you so much Florent finally got it to work! I will be more careful next time.

Nautitko keskustelusta? Älä vain lue, vaan osallistu!

Luo tili jo tänään nauttiaksesi yksinoikeusominaisuuksista ja osallistuaksesi mahtavaan yhteisöömme!

Rekisteröidy

Aiheeseen liittyviä artikkeleita	Vastaukset	Näkymät
Adding an Owl component to view in Odoo 16 Components OWL odoo16features	1 helmik. 24	5165
Owl How can I import components from another module? OWL	5 maalisk. 25	2910
Skills needed for Odoo OWL Development ? OWL	1 helmik. 25	1431
in odoo17, owl2 how to parse the raw htmlcode which received from backend? OWL	1 helmik. 24	2818
Custom code: Can clicking on a Task with Subtasks (in Kanban View) open another Kanban with the Subtasks? Ratkaistu owl OWL	2 heinäk. 25	462

Tämä kysymys on merkitty

Nautitko keskustelusta? Älä vain lue, vaan osallistu!