Hi, Any body tell me that what are css classes we can use in the odoo qweb reporting .
Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:
- CRM
- e-Commerce
- Accounting
- Inventory
- PoS
- Project management
- MRP
This question has been flagged
3
Replies
17316
Views
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
