Skip to Content
This question has been flagged
qwebv15
2 Replies
10865 Views
Avatar
Business Solutions For Africa

Hi,


The company have specific graphical charter, for the letterheads an so on.

Reproducing it with QWeb, and inheritance would be very complex.


I thought I might go with the correct template as an image (having logo, adress, ... with correct fonts, size, ...) as picture, and use background feature.


Unfortunately, the background is only in the body of the reports. headers and footers are not considered.

Still, I think I could make some inheritance to have it whole page. But doesn't seem to work.

There's always this space for headers and footer, even when I do a "position=replace" of that div.

Any directions?

Avatar
Discard
Business Solutions For Africa
Author

For the record, this is an SaaS instance, so I'm creating a view that inherits from standard views.

Avatar
Muhammad Amir Nazir
Best Answer

To use an image as the background for the entire page of a report in Odoo, you can try the following approach:

  1. Create a new QWeb report using the "Add a custom report" option in the Developer mode.

  2. In the report template, add a

    element with the desired image as the background. Set the position style to absolute and the z-index style to -1, so that the content of the report is displayed on top of the background image.
    Copy code
    position: absolute; z-index: -1;">
    src="/path/to/image.jpg" style="width: 100%; height: 100%;"/>
    1. To make the background image fill the entire page, including the header and footer, you can set the height style of the
      element to 100% and the width style to 100%.
      Copy code
      position: absolute; z-index: -1; height: 100%; width: 100%;">
    src="/path/to/image.jpg" style="width: 100%; height: 100%;"/>
      1. If you want to use an image as the background for only a specific report, you can create a new view that inherits from the standard report view, and add the
        element with the background image in the new view.
        Copy code
    
        .template_id">
            [@class='page']" position="inside">
                
        position: absolute; z-index: -1; height: 100%; width: 100%;">
                    src="/path/to/image.jpg" style="width: 100%; height: 100%;"/>

        I hope this helps. Let me know if you have any questions or if you need further assistance.


Avatar
Discard
Avatar
GEOEXPLORER IMPRESA SOCIALE S.R.L.
Best Answer

Hi,

How can I insert a background image into the structure of the xml document chosen as the basis for the various modules? For example, I would like to modify the structure of the "external_layout_boxed" xml document from "Settings", where can I intervene in the code to insert a full-page image? The page format of the document is A4.

Thank you!

Avatar
Discard
Related Posts Replies Views Activity
extend frontend qweb error"templates of addon being loaded (module_name) are misordered"
qweb v15
Avatar
0
Nov 23
4735
Inherit from web.external_layout to change the header
qweb v15
Avatar
Avatar
1
Oct 22
8045
Extend frontend template
qweb v15
Avatar
0
Jul 22
9
How to in QWeb template select value into variable.
qweb website_sale v15
Avatar
0
Oct 22
4724
Page Break Prints all table in the next page in QWEB
qweb report v15
Avatar
Avatar
1
Aug 22
5926