Skip to Content
This question has been flagged
qwebv15
2 Replies
10840 Zobrazenia
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
Zrušiť
Business Solutions For Africa
Autor

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
Zrušiť
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
Zrušiť
Related Posts Replies Zobrazenia Aktivita
extend frontend qweb error"templates of addon being loaded (module_name) are misordered"
qweb v15
Avatar
0
nov 23
4706
Inherit from web.external_layout to change the header
qweb v15
Avatar
Avatar
1
okt 22
8005
Extend frontend template
qweb v15
Avatar
0
júl 22
9
How to in QWeb template select value into variable.
qweb website_sale v15
Avatar
0
okt 22
4676
Page Break Prints all table in the next page in QWEB
qweb report v15
Avatar
Avatar
1
aug 22
5910