Web Widget Pill Icon (Conditional Icons & Colors)
by Chris https://github.com/chrisking94/odoo_addons/tree/main/web_widget_pill_icon
Odoo
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 71 |
| Technical Name |
web_widget_pill_icon |
| License | LGPL-3 |
| Website | https://github.com/chrisking94/odoo_addons/tree/main/web_widget_pill_icon |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 71 |
| Technical Name |
web_widget_pill_icon |
| License | LGPL-3 |
| Website | https://github.com/chrisking94/odoo_addons/tree/main/web_widget_pill_icon |
Web Widget Pill Icon
Tired of scanning through monochrome text columns? This widget transforms raw data into high-contrast visual indicators. Instantly recognize statuses using professional Soft UI aesthetics.
Instant UI Upgrade
Odoo Badge Icon, Status Widget, Selection Pill, UI Enhancement
Visual Transformation
Direct comparison between standard text display and enhanced Pill Icons.
Standard View
With Pill Icon
Flexible Style Variations
Mix and match base and semantic classes to create the perfect look for any field type.
Configuration Demonstration
Base Options
Value Options
Resulting Preview
'pill' |
'fa-check success' |
Done |
'pill outline' |
'fa-warning warning' |
Pending |
'pill lg' |
'fa-info-circle info' |
Details |
Built-in Semantic Styles Reference
Option Value Mapping
Standard Style
Outline Style
| fa-check-circle success | Success | Success |
| fa-warning warning | Warning | Warning |
| fa-trash danger | Danger | Danger |
| fa-minus-circle muted | Muted | Muted |
XML Configuration
<field name="status"
widget="pill_icon"
options="{
'base': 'pill outline sm',
'values': {
'done': 'fa-check success',
'error': 'fa-exclamation danger'
}
}"/>
Icons at Hand
Supports all compatible icons. Find your perfect match here:
Icon List ReferenceIf this widget saved your time, please consider giving us a Star on GitHub.
Star on GitHub
Please log in to comment on this module