تخطي للذهاب إلى المحتوى
القائمة
لقد تم الإبلاغ عن هذا السؤال
5 الردود
45850 أدوات العرض

Hello All,


How to add custom css class directly in Qweb report template?


Regards,

Prince



الصورة الرمزية
إهمال
أفضل إجابة

Another way is Style element

<div class="page"> 
    <div class="oe_structure"/>
    <div class="row">
   <div class="col-xs-6">
             <style>
                 .class-name{border:1px solid lightgray; margin-left:16px;}
             <style>


                 ..........

         </div>
    </div>
</div>


الصورة الرمزية
إهمال

Additional note: the style element has to be placed inside the page div. It won't work if it is placed before.

أفضل إجابة

You can use style="...." directly in qweb


<div class="col-xs-5" style="border:1px solid lightgray; margin-left:16px;">
الصورة الرمزية
إهمال
أفضل إجابة

Hi Prince Caspion,

Kindly follow below step to create custom css class.

1.How to create css file in custom module.  

You should follow file structure like -

your_module_name/static/src/css/your_module_name.css

css file like:

.custom_css {

background-color: yellow;

}

2.Register your css file in main report template file like.

<template id="assets_common" name="your_module_name assets" inherit_id="report.assets_common">

 <xpath expr="." position="inside">

     <link href="/your_module_name/static/src/css/your_module_name.css" rel="stylesheet"/>

 </xpath>

</template>

3.How to access css class in your report template.

<div class="text-center custom_css"><b>** Thank you **</b></div>


Hope this help you.

Best Thanks,

Ankit H Gandhi.

الصورة الرمزية
إهمال

Inherit id: inherit_id="web.report_assets_common"

أفضل إجابة

https://www.odoo.com/forum/help-1/question/how-to-add-a-custom-css-5783

3Laurent DestailleurOn 1/7/15, 4:05 PM
If you are using Odoo v8, you must add this
        <template id="assets_backend" name="mymodule css assets" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <link rel="stylesheet" href="/my_module/static/src/css/my_module_css_file.css"/>            </xpath>        </template>


Does it work?

الصورة الرمزية
إهمال
المنشورات ذات الصلة الردود أدوات العرض النشاط
0
أكتوبر 16
3132
2
فبراير 24
16469
0
أبريل 20
2302
3
أغسطس 18
9945
2
فبراير 24
2149