OdooWiki OCA HUB

Show images in tree views via tooltip

web_tree_image_tooltip folder_open OCA/web open_in_new
Web License: AGPL-3

This module defines a images and icons in tree view via Tooltip. Additionally, Default width with 30px.

auto_awesome What this module does

AI-generated from the code · Odoo 15.0

Shows a larger version of an image when hovering over image fields in list (tree) views. A demo view adds an image column to the Users list so hovering it displays the bigger picture.

This module changes how image fields behave in list views. When a list contains an image field, hovering the mouse over the small image opens a tooltip showing a larger image, so users can preview a picture without opening the record.

  • The tooltip image is taken from the field named in the field's options (for example, a small image can show a bigger image field as its tooltip).
  • The tooltip appears immediately on hover and disappears when the mouse leaves.
  • The module also sets a default width for these images in list views.

A demonstration view is included: it adds an image column to the Users list (res.users) and configures it so that hovering the small image shows the larger one. This is only a demo of how to configure the feature; the module itself does not add menus or new screens.

The change applies to any list view where an image field is configured with the tooltip option, so it can be used on customers, products, employees or any other model with image fields. No new database models, menus, reports, emails or scheduled actions are added.

Depends on

web

Text generated by AI (DeepSeek) from reading the Odoo 15.0 code on GitHub; it may contain mistakes, so check the code before deciding. View the code on GitHub

Availability by version

Reviewed: 2026-11-03
Confirmed (verified in repository and branch) Estimated (unverified) No information

Confirmation status: 4 confirmed, 5 with no information of 9 versions.

terminal Installation and usage

OCA documentation · Odoo 15.0

Insert widget='image' in your field view definition in any image field

<field name="image_field" widget="image"/>

If the model has different fields of the same image with different size (as product.product for instance with image, image_medium, image_small), you can write the following code to reduce the load duration of the tree view.

<field name="image_small" widget="image" options="{'tooltip_image': 'image'}"/>

Mouse Hover in tree view image that time Tooltip effect.

No verified information in OCA: Installation.

info

Data imported from GitHub: this sheet reflects the latest catalog review, not a live lookup. Always check the module documentation and staging before installing in production.