Skip to Content
Odoo Menu
  • Sign in
  • Try it free
  • Apps
    Finance
    • Accounting
    • Invoicing
    • Expenses
    • Spreadsheet (BI)
    • Documents
    • Sign
    Sales
    • CRM
    • Sales
    • POS Shop
    • POS Restaurant
    • Subscriptions
    • Rental
    Websites
    • Website Builder
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Supply Chain
    • Inventory
    • Manufacturing
    • PLM
    • Purchase
    • Maintenance
    • Quality
    Human Resources
    • Employees
    • Recruitment
    • Time Off
    • Appraisals
    • Referrals
    • Fleet
    Marketing
    • Social Marketing
    • Email Marketing
    • SMS Marketing
    • Events
    • Marketing Automation
    • Surveys
    Services
    • Project
    • Timesheets
    • Field Service
    • Helpdesk
    • Planning
    • Appointments
    Productivity
    • Discuss
    • Approvals
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industries
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Restaurant
    • Fast Food
    • Guest House
    • Beverage Distributor
    • Hotel
    Real Estate
    • Real Estate Agency
    • Architecture Firm
    • Construction
    • Estate Management
    • Gardening
    • Property Owner Association
    Consulting
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Manufacturing
    • Textile
    • Metal
    • Furnitures
    • Food
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Others
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Community
    Learn
    • Tutorials
    • Documentation
    • Certifications
    • Training
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Download
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Events
    • Translations
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    Get Services
    • Find a Partner
    • Find an Accountant
    • Meet an advisor
    • Implementation Services
    • Customer References
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Get a demo
  • Pricing
  • Help

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Accounting
  • Inventory
  • PoS
  • Project
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
Help

How to display uploaded image in tree view

Subscribe

Get notified when there's activity on this post

This question has been flagged
imageviewtree
3 Replies
18354 Views
Avatar
mihir shah

I'm facing a problem , I am uploading images according to category wise , now I have to display all images category wise in tree view. What's the syntax to display image in tree view

0
Avatar
Discard
Avatar
Marcel van der Boom
Best Answer

It's perfectly possible to display images in list/tree view. Some js code has to be added to add this functionality.

I created a small module which does exactly this. The module has just one file which is relevant.

static/src/js/view_list.js:

openerp.listview_images = function(instance) { 

/* Add a new mapping to the registry for image fields */
instance.web.list.columns.add('field.image','instance.web.list.FieldBinaryImage');

/* Define a method similar to the one for forms to render image fields */
instance.web.list.FieldBinaryImage = instance.web.list.Column.extend({
/**
 * Return a image to the binary field of specified as widget image
 *
 * @private
 */
_format: function (row_data, options) {
        var placeholder = "/web/static/src/img/placeholder.png";
        var value = row_data[this.id].value;
        var img_url = placeholder;

        if (value && value.substr(0, 10).indexOf(' ') == -1) {
    /* Data inline */
    /* FIXME: can we get the mimetype from the data? */
    img_url = "data:image/png;base64," + value;
    } else {
    /* Data by URI (presumably slow) */
    img_url = instance.session.url('/web/binary/image', {model: options.model, field: this.id, id: options.id});
        }
    /* FIXME: move the 30px stuff to something templateable */
    return _.template('<image src="<%-src%>" width="30px" height="30px"/>', {
    src: img_url,
    });
}
});
}

The module is available on github, but I can't post link. [github.com / hsd / listview-images]

3
Avatar
Discard
Shivam Goyal

Thanx a lot Sir.......it worked out to be really good!!!!

Avatar
Lucio
Best Answer

In tree view, is it not possible to add images, as stated in the other answer.

But, what you can do, as a workaround, is define your image as the icon (.png) of a button, and then, add the button without any action to the tree view.

It is not elegant, but is the only way I found to make something like this. Obviously, the image will be small and all, but, well, is something...

Hope it helps!

0
Avatar
Discard
luis

Hi Lucio, your solution is correct, now my question is how you define a product image as a button icon?

Avatar
Francesco OpenCode
Best Answer

You can't show image in tree view. If you want you can create a Kanban view and insert the image inside. To see how a Kanban view works, you can see as example the partner view.

0
Avatar
Discard
mihir shah
Author

what if we dont want kanban view , but den also want display the image . is it possible in openerp v7

Francesco OpenCode

In this case you can create a kanban view with images only. In tree this impossibile.

kaynis

http://help.openerp.com/question/483/openerp-7-how-can-i-add-images-in-saleoderline-or-in-treeview-generally/

Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Sign up
Related Posts Replies Views Activity
image in tree view
image view sale.order.line tree
Avatar
Avatar
Avatar
Avatar
3
Feb 18
9313
There is a fix for dynamic tree glitch?
view tree
Avatar
0
Mar 15
4987
How to add css to any row in a tree view based on a condition Solved
view tree
Avatar
Avatar
1
Mar 15
13099
How to color a field in tree view? Solved
view tree color
Avatar
Avatar
Avatar
2
Oct 24
13733
checkbox in a tree inside a page
view tree many2many
Avatar
0
Mar 15
8195
Community
  • Tutorials
  • Documentation
  • Forum
Open Source
  • Download
  • Github
  • Runbot
  • Translations
Services
  • Odoo.sh Hosting
  • Support
  • Upgrade
  • Custom Developments
  • Education
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Brand Assets
  • Contact us
  • Jobs
  • Events
  • Podcast
  • Blog
  • Customers
  • Legal • Privacy
  • Security
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.

Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now