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

Hi, Any body tell me that what are css classes we can use in the odoo qweb reporting .

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

Hi, 

External style sheets has been added in Odoo, in report module, which contains classes of bootstrap, font-awesome etc.

You can refer to  file : report > views > layouts.xml

In which you can find the external stylesheet links:

 <xpath expr="//head" position="inside">

<link href="/web/static/lib/bootstrap/css/bootstrap.css" rel="stylesheet"/>

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

<link href="/web/static/lib/fontawesome/css/font-awesome.css" rel="stylesheet"/>

<style type="text/css">

<t t-call="report.style"/>

</style>

</xpath>


here template with id "report.style" is called, in which some new styles are defined:

in the same file, you can find this template:

<template id="style">

body {

color: #000 !important;

word-wrap: break-word;

}

.border-black td {

border-top: 1px solid black !important;

}

.table-condensed > thead > tr > th {

border-bottom: 1px solid black !important;

}

.table-condensed > tbody > tr {

page-break-inside: avoid !important;

}

.zero_min_height {

min-height: 0px !important;

}

</template>


Likewise, you can explore all other css classes defined in Odoo.

Hope, this helps you !

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

And how to resize report fonts?

You can just use inline style for that, like Pierre suggested in his answer. And if you want to change that all-over the system, then you have to override that css.

أفضل إجابة

Hi,

You can use the bootstrap class : http://getbootstrap.com

You can use  your own class in the tag with

 <div style="position: relative;">bla bla</div> 

Or this :

<style>
/* Your code */
</style>


Best regards

 

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

You could use all bootstrap and fontawesome classes

المنشورات ذات الصلة الردود أدوات العرض النشاط
2
ديسمبر 23
59850
1
أبريل 23
3037
0
سبتمبر 20
2846
1
نوفمبر 16
6377
0
مايو 15
5730