Go to file

Suherdy Yacob a3b744c2b2 refactor: Simplify pivot view cell formatting by removing variation-specific xpath and generalizing value xpath.		2026-02-03 17:04:03 +07:00
models	feat: Add .gitignore to exclude compiled Python and temporary Odoo files.	2026-01-21 11:04:02 +07:00
static/src	refactor: Simplify pivot view cell formatting by removing variation-specific xpath and generalizing value xpath.	2026-02-03 17:04:03 +07:00
__init__.py	fix the decimal style at certain area	2026-01-09 10:11:56 +07:00
__manifest__.py	refactor: rewrite decimal observer to use Odoo localization for robust and accurate styling of decimal parts.	2026-02-03 13:23:55 +07:00
.gitignore	chore: Add .gitignore to exclude common Python, Odoo, and editor-related files.	2026-01-21 11:04:24 +07:00
README.md	refactor: rewrite decimal observer to use Odoo localization for robust and accurate styling of decimal parts.	2026-02-03 13:23:55 +07:00

Web Decimal Style

This module enhances the display of decimal numbers in Odoo by styling the decimal part differently from the integer part.

Features

Visual Enhancement: Decimal parts are styled to be smaller (80% font size) and slightly transparent (0.7 opacity), making large numbers easier to read.
Universal Application: Works across all views (List, Form, Kanban, Pivot, etc.) and all fields (Float, Monetary, Quantity).
Non-Invasive Architecture: Uses a safe DOM Observer approach instead of patching Odoo's internal JS formatters. This ensures maximum compatibility with other modules and Odoo updates.
Localization Aware: Correctly handles decimal separators (dot or comma) based on the user's language settings.

The module has been refactored to use a MutationObserver approach:

Global Observer: A MutationObserver watches the document body for changes.
Safe Text Scanning: It scans text nodes using a TreeWalker to find numbers.
Regex Matching: It uses a strict Regular Expression to identify decimal parts.
- It dynamically builds the regex using Odoo's localization.decimalPoint setting.
- Example (English): Matches 123.45 (.45 is styled).
- Example (Indonesian): Matches 123,45 (,45 is styled).
- Smart Exclusion: It intelligently ignores thousands separators (e.g., 1,200 is not matched in English/US locale).
DOM Wrapping: Matches are wrapped in a <span class="o_decimal"> element for styling.

No Conflicts: Does not override formatFloat or formatMonetary functions, avoiding conflicts with other modules that modify formatting.
Robust: Works even on custom widgets or non-standard views, as long as the number is rendered as text.

The module automatically applies decimal styling to all numeric fields. No configuration is required.

You can verify the module is running by checking the browser console:

If styling is not applied:

Check Localization: Ensure your user's language setting has the correct "Decimal Separator" configured.
Browser Cache: Clear your browser cache or force refresh (Ctrl+Shift+R) to ensure the new JS is loaded.
Inspect Element: Right-click a number. You should see the decimal part wrapped in:
```
<span class="o_decimal">.00</span>
```