Enhancing User Experience with Human-Readable Numeric Fields in Odoo 17

Introduction

In the fast-paced world of business software, clarity and efficiency are key. Large

numbers, especially in financial data, can sometimes be cumbersome to read

quickly. Odoo 17 introduces a new feature that allows developers to display numeric

fields using human-readable abbreviations, such as 500k instead of 500,000. This

blog post will guide you through implementing this feature, enhancing the user

interface, and improving data readability.

Why Use Human-Readable Numeric Fields?

Human-readable numeric fields transform large numbers into shorter, easily

understandable formats. This not only makes data more accessible at a glance but

also reduces the cognitive load on users who need to process this information

quickly.

To implement this feature, you need to make changes in both the backend (Python

code) and the frontend (XML views and potentially JavaScript for custom widgets).

Here’s a step-by-step guide:

Firstly,we need to define a Computed Field

sale_order.py

Next, update the form view to display the human-readable computed field.

sale_order.xml

Create a custom widget inside the folder static/components/widget/readable.js

readable.js

Now you need to add the following XML code to the template for the widget setup.

The template is loaded into static/components/widget/readable.xml

readable.xml

Now,register the widget in your created XML form view

Load all the files in your __manifest__.py file

Conclusion

Odoo 17's ability to display human-readable numeric fields significantly enhances

data readability and user experience. By following the steps outlined in this guide,

developers can easily implement this feature, making large numbers more

accessible and understandable for users.