Odoo OWL Tutorials - Coding Dodo

OWL

OWL, Odoo Web Library tutorials and tips. Real-world examples about the new Odoo front-end JavaScript Framework. OWL Inside Odoo and OWL as a standalone JavaScript Project.

Odoo 16 JavaScript Tutorial - OWL Field Widgets Reference and full Example.

Odoo 16 Featured

Odoo 16 JavaScript Tutorial: OWL Field Widgets reference and full example.

In this Odoo 16 tutorial, we will see how to write field widgets in OWL. What are the standard props, how to commit field content to the database, lifecycle hooks, listening to Bus events for tabs switching, extracting props from XML attrs, and more!

Odoo 15 JavaScript Tutorial: OWL View migration guide

Odoo 15 Featured

Odoo 15 JavaScript Tutorial: OWL View migration guide.

Odoo 15 is out, and big internal rework has been done to the WebClient. You can still write Views in the old MVC Architecture but now you also can write pure OWL Component Views. The architecture is a bit different from the old MVC but with some helpers, and the

Odoo 15 JavaScript Reference: OWL Views, WebClient, Services, Hooks, and Models

Odoo 15 Featured

Odoo 15 JavaScript Reference: OWL Views, WebClient, Services, and hooks.

Odoo 15 is out, and with that comes a big rewrite of the WebClient, a new Odoo JavaScript module ES6-like system, registries, hooks, new Model, and the possibility to write new Views as OWL Component. This article will go over some of the biggest additions, give a quick overview or

Odoo 14 OWL Tutorial, adding drag and drop feature to our View

Odoo JavaScript Tutorial 101 - Part 3: Adding Drag and Drop to our OWL View

This is the third part of our ongoing tutorial series about the Odoo 14 JavaScript Framework. In the second part, we created our new type of View in OWL that displayed a hierarchical vision of parent/child type Models. The nodes are clickable and can open the child elements. In

Odoo 14 JavaScript Tutorial Part 2: Creating an OWL View

Odoo JavaScript Tutorial 101 - Part 2: Creating a new OWL View

In this second part about Odoo 14 JavaScript basics, we will now review how to create a new View from scratch with OWL. It's very important that you understood clearly the concepts seen in part 1 of this tutorial [https://codingdodo.com/odoo-javascript-101-classes-and-mvc-architecture/] because we will not explain

Odoo 14 JavaScript Framework 101: Classes & MVC

Odoo JavaScript Tutorial 101 - Part 1: Classes and MVC architecture overview

In this series, we will go over the basics of the Odoo JavaScript Framework with the end goal to create a view from scratch in OWL. As of Odoo 14 (and still a big part of Odoo 15), the core JavaScript MVC system in Odoo has not been yet rewritten

OWL in Odoo 14 - How to extend and patch existing OWL Components.

Odoo 14 Featured

OWL in Odoo 14 - How to extend and patch existing OWL Components.

In this article, we will see how to extend, monkey-patch and, modify existing OWL Components in Odoo 14. There is a lot of confusion about that, and the existing way of overriding Odoo Widget doesn't work in that case. We will focus on OWL Components inside Odoo 14,

RealWorld App with OWL (Odoo Web Library) - Part 4 - Refactoring and Odoo hooks

RealWorld App with Odoo OWL - Part 4 - Refactoring into OWL Hooks

This is the fourth and final part of our tutorial series about creating the RealWorld App (Demo link) and our current implementation in OWL is available here: Coding-Dodo/owl-realworld-appOWL RealWorld App Implementation. Contribute to Coding-Dodo/owl-realworld-app development by creating an account on GitHub.GitHubCoding-Dodo To continue directly where we left

RealWorld App with OWL (Odoo Web Library) - Part 3 - ArticlesList and Pages

RealWorld App with Odoo OWL - Part 3 - Dynamic routing, willStart, willUpdateProps

We are now in the third part of our tutorial series about creating the RealWorld App (Demo link) and our current implementation in OWL is available here: Coding-Dodo/owl-realworld-appOWL RealWorld App Implementation. Contribute to Coding-Dodo/owl-realworld-app development by creating an account on GitHub.GitHubCoding-Dodo To continue directly where we left

RealWorld App with OWL (Odoo Web Library) - Part 2 - Store and Authentication

RealWorld App with Odoo OWL - Part 2 - OWL Store and Authentication

This is the second part of our tutorial series about creating the RealWorld App with OWL (Odoo Web Library). In this part, we will implement the authentication layer with OWL Store, Actions, and getters. The OWL Store will help us and handle the global state of the application when the

RealWorld App with OWL (Odoo Web Library) - Part 1

RealWorld App with Odoo OWL - Part 1 - Components and Router

In this series, we will create the famous "RealWorld App" from scratch. With OWL Framework (Odoo Web Library) ? as the FrontEnd of choice. If you are interested in using: * OWL inside Odoo 14 then check out this article [https://codingdodo.com/owl-in-odoo-14-extend-and-patch-existing-owl-components] , * and for all related OWL articles,