How do I control the size of an image being shown on the Form View by the image widget?

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

CRM
e-Commerce
Accounting
Inventory
PoS
Project management
MRP

Take the tour

Posts People Badges

Tags View all

odoo accounting v7 pos invoice

About this forum

Help

How do I control the size of an image being shown on the Form View by the image widget?

5 Replies

50674 Views

size picture

vx2008

in .xml py

Now I want to know how shall we can control the size of "picture";

When user upload as figure to "picture", I find the figure is too small to see clear, and I want to show it in a big size to see it clear; how shall I do this?

Rodrigo Morato Aguilar

Best Answer

Hi!!

I use this for version 15.0:

name="image_1920" widget="image" options="{'size': [150, 150]}"/>

I'm not sure if it works for version like 13.0 from back. I suposed that it works on 14.0 version due to both are quite similars.

I hope it helps anyone.

Shameem Babu

Try it

xml

<field name="picture" widget="image" class="Your_custom_class"/>

css

.openerp .Your_custom_class > img { 
    height: 90px; 
    width: 90px;
 }

Revised Answer (Forget above)

<style>
    .openerp .Your_custom_class > img { height: 6000px; width: 10000px; } 
    .openerp .oe_form .oe_form_field_image img { max-width:656px; max-height: 1056px; }
</style>
<field name="picture" widget="image" class="Your_custom_class"/>

vx2008

Author

thank you for your help;

I have done according to your advice as below:

1. I create a file named "im.css" in /modules/static/src/css;

2. add the below code in "im.css"

.openerp .my_image > img {

height: 90px;

width: 90px;

}

3. open my .xml file and edit as below:

4. restart my odoo-server;

I find nothing changed; maybe I do something wrong?

Shameem Babu

You should connect the css to your module in xml

</xpath>

</template>

Then upgrade the module.

Or try following

<style>

.openerp .my_image > img {

height: 90px;

width: 90px;

}

</style>

vx2008

Author

Thank you very much, Shameem PKS;

I have done it according to your guiding;

But I still have a little problem about it as below:

if I set as "height: 90px;width: 90px;", the figure is very small; and so I set it as: "height: 600px;width:800px;", the picture is bigger; and then I set ti as: "height: 6000px;width: 10000px;", I find the picture is almost the same big as before( "height: 600px;width: 800px;",); in the fact I want to the picture can be in larger size; shall I?

Shameem Babu

You can solve your problem by adding few lines

.openerp .Your_custom_class > img {

height: 6000px;

width: 10000px;

}

.openerp .oe_form .oe_form_field_image img {

max-width:656px;

max-height: 1056px;

}

It is working in odoo9.

Note that it may be effected to other image fields.