How to create div in QWeb that is always at the bottom of the page?

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

CRM
e-Commerce
회계
재고 관리
PoS
Project
MRP

All apps

모든 게시물 사용자 배지

태그 (모두 보기)

odoo accounting v14 pos v15

게시판 정보

도움말

How to create div in QWeb that is always at the bottom of the page?

qweb reports odoo8.0

14 답글

46964 화면

Yenthe Van Ginneken (Mainframe Monkey)

Hi guys

What is the correct way to create a div that is always showed on the bottom of the page?
I want to have a div print some text that is always right above the (custom) footer.
See this example:

Could anybody tell me the correct way to do this?
An example that I tried:

<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template id="report_saleorder_document">
<t t-call="report.external_layout">
<div class="page">
<div class="oe_structure"/>
<div class="row">

<div class="oe_structure"/>
   <div style="float:bottom;width:100%;height:50px;bottom:0;">
   <p>
       Custom content right above footer
   </p>
   </div>
</div>
</t>
</template>

I've been trying with float:bottom etc but its not giving what I want. So is there anything custom built-in for this in QWeb?

Stephen Mack

Why can't you include your "custom content right above the footer" in the footer?

Yenthe Van Ginneken (Mainframe Monkey)

작성자

Because we already have a rather big footer and they don't want the footer to be higher. Plus the horizontal line would be above the text and the font should be different too.. So its something I'd rather not do / I'm not really allowed.

Yenthe Van Ginneken (Mainframe Monkey)

작성자

And I'm ofcourse curious about how to do this for future reports I might need to make. There are more times/options where you can use this :)

Prajith

did you get any solution; i am facing the same issue

Eman Saeed Khalifa

Have you find any solution for this?

Vaidehi Vasani

Any solution over this ??????????????????????, I am facing same issues

Akash Balar

베스트 답변

Hello,

I Think it's helpful for you.

<div style="position:absolute;top:850px; page-break-inside: avoid;">
     Your Custom Content
</div>

Thanks.

Nacho

Your solution works, but the problem is because of the position absolute, the custom content can overlap with the page content

Sajin Aziz

Try this code after <div class="page">... </div>

<div class="footer text-center">
This is the footer
</div>

Yenthe Van Ginneken (Mainframe Monkey)

작성자

@Sajin thanks for the reply and method but sadly this will overwrite the default footer. I've already added a custom footer so I can't use this option :s I really need the content to be right above the footer.

Prasanth ks

@yenthe :- Did u got any solution?? I am also facing the same problem.

Yenthe Van Ginneken (Mainframe Monkey)

작성자

@pks nothing would do exactly what I wanted so I decided to take a slightly other approach and just make a hardcoaded div.

Coralie Cardon

Hello ! I try to make a custom footer ... Can you show your code to see how you did it ? :-)

Motez

 <div style="position:absolute; bottom:-xxpx;" >
my custom content
</div>

Dr Obx

If you just want it floating above your current footer, you can create a new class in css, add bottom: xx px; also you can add some transparency and hover to reduce or increase transparency. if you don't want cause any obstructions to see the page content ...

there is a many ways to solve this problem.

토론이 재미있으신가요? 직접 참여해보세요!

지금 바로 가입하여 독점 서비스를 이용해보고 특별한 커뮤니티와 소통하세요!

가입

관련 게시물	답글	화면
Background image gets cut off on the last page of a QWeb report (Odoo8) 해결 완료 qweb reports odoo8.0	1 2월 24	5283
How to Change TABLE Format in QWEB reports? With different table Border and Color.? 해결 완료 qweb reports	4 1월 25	44676
QWEB Report template has inconsistent row heights (see screenshot) qweb reports	0 10월 24	1508
Qweb reports inconsistent table row height qweb reports	0 10월 24	5
images in report does not load qweb reports	1 5월 23	3044

신고된 질문입니다

토론이 재미있으신가요? 직접 참여해보세요!