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
- MRP
This question has been flagged
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
Enjoying the discussion? Don't just read, join in!
Create an account today to enjoy exclusive features and engage with our awesome community!
Sign upRelated Posts | Replies | Views | Activity | |
---|---|---|---|---|
|
2
Dec 23
|
58343 | ||
|
1
Apr 23
|
2219 | ||
|
0
Sep 20
|
2184 | ||
|
1
Nov 16
|
5705 | ||
|
0
May 15
|
5190 |