跳至内容
此问题已终结
4 回复
15661 查看
形象
huongcute

Hi everybody.

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

Can you help me???

形象
丢弃
形象
Dhinesh
最佳答案

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;
}

形象
丢弃
形象
huongcute
编写者 最佳答案

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?

形象
丢弃
形象
Michel Alexis Valenzuela Orduño
最佳答案

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.

形象
丢弃