Se rendre au contenu
Cette question a été signalée
4 Réponses
16207 Vues
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
Ignorer
Avatar
Dhinesh
Meilleure réponse

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
Ignorer
Avatar
huongcute
Auteur Meilleure réponse

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
Ignorer
Avatar
Michel Alexis Valenzuela Orduño
Meilleure réponse

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
Ignorer