Skip to Content
This question has been flagged
4 Replies
15140 Views
Avatar
huongcute

Hi everybody.

I want to change size of image . I view it by Kanban but image is too withd . 

Can you help me???

Avatar
Discard
Avatar
Dhinesh
Best Answer

Hi, Find the class of your image tag. If it not present create one.

For eg:
<img t-att-src="kanban_image('product.template', 'image_small', record.id.value)" class="oe_kanban_image"/>

In your static/src/css file:
.oe_kanban_image {
  width: 64px;
  height: 64px;
}

Avatar
Discard
Avatar
huongcute
Author Best Answer

I tried it. but it does not change. I need some your help

<record model='ir.ui.view' id='danh_sach_nv_kanban_view'>
            <field name='name'>danh sách nv</field>
               <field name='model'>danh.sach.nv</field>
            <field name='type'>kanban</field>
            <field name='arch' type='xml'>
                <kanban>
                    <field name='ten_bp'/>
                    <field name='ten_nv'/>
                    <field name='ma_nv'/>
                    <field name='image_nv'/>
                    <templates>
                        <t t-name='kanban-box'>
                            <div class='oe_product_vignette'>
                                <div class='oe_product_img'>
                                    <a type='edit'><img t-att-src='kanban_image('danh.sach.nv', 'image_nv', record.id.value)' class='oe_product_img'/></a>
                                </div>
                                <div class='oe_product_desc'>
                                    <h4><a type='edit'><field name='ten_bp'></field></a></h4>
                                    <ul>
                                        
                                        <li><field name='image_nv'/></li>
                                        <li><field name='ten_nv'/></li>
                                        <li><field name='ma_nv'/></li>
                                        
                                    </ul>
                                </div>
                            </div>
                            <script>
                                $('.oe_product_photo').load(function() { if($(this).width() > $(this).height()) { $(this).addClass('oe_product_photo_wide') } });
                            </script>
                            <div></div>
                        </t>
                    </templates>
                </kanban>
               </field>
        </record>
        

I saw  its error :<a type='edit'><img t-att-src='kanban_image('danh.sach.nv', 'image_nv', record.id.value)' class='oe_product_img'/></a> 

I dont know it error? Can anybody help me?

Avatar
Discard
Avatar
Michel Alexis Valenzuela Orduño
Best Answer

I recomend to use the style attribute on XML, there you can specify width and height. I think is simplier to use. You can use it on the image or in the div where is your image inside. For example, for adding and resizing the company's logo you can use the next code:

############FOR QWEB################
<div style="width:30mm; height:30mm;">
    <img t-if="res_company.logo" t-att-src="'data:image/png;base64,%s' %res_company.logo" style="width:60px; height:40px;"/>
</div>
####################################

############FOR A FORM###############
<div style="width:30mm; height:30mm;">
    <img src='/your_module/static/img/your_company_logo.png' class="oe_left" style="width:30mm; height:30mm;"/>
</div>
####################################

You can use MM or PX to specify the size you want.

Hope this is usefull for you.

Avatar
Discard