Přejít na obsah
Menu
You need to be registered to interact with the community.
This question has been flagged
4 Odpovědi
15656 Zobrazení

Hi everybody.

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

Can you help me???

Avatar
Zrušit
Nejlepší odpověď

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
Zrušit
Autor Nejlepší odpověď

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
Zrušit
Nejlepší odpověď

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
Zrušit