Ir al contenido
Odoo Menú
  • Identificarse
  • Pruébalo gratis
  • Aplicaciones
    Finanzas
    • Contabilidad
    • Facturación
    • Gastos
    • Hoja de cálculo (BI)
    • Documentos
    • Firma electrónica
    Ventas
    • CRM
    • Ventas
    • TPV para tiendas
    • TPV para restaurantes
    • Suscripciones
    • Alquiler
    Sitios web
    • Creador de sitios web
    • Comercio electrónico
    • Blog
    • Foro
    • Chat en directo
    • eLearning
    Cadena de suministro
    • Inventario
    • Fabricación
    • PLM
    • Compra
    • Mantenimiento
    • Calidad
    Recursos Humanos
    • Empleados
    • Reclutamiento
    • Ausencias
    • Evaluación
    • Referencias
    • Flota
    Marketing
    • Marketing social
    • Marketing por correo electrónico
    • Marketing por SMS
    • Eventos
    • Automatización de marketing
    • Encuestas
    Servicios
    • Proyecto
    • Partes de horas
    • Servicio de campo
    • Servicio de asistencia
    • Planificación
    • Citas
    Productividad
    • Conversaciones
    • Aprobaciones
    • IoT
    • VoIP
    • Información
    • WhatsApp
    Aplicaciones de terceros Studio de Odoo Plataforma de Odoo Cloud
  • Industrias
    Comercio al por menor
    • Librería
    • Tienda de ropa
    • Tienda de muebles
    • Tienda de ultramarinos
    • Ferretería
    • Juguetería
    Alimentación y hostelería
    • Bar y taberna
    • Restaurante
    • Comida rápida
    • Casa de huéspedes
    • Distribuidor de bebidas
    • Hotel
    Inmueble
    • Agencia inmobiliaria
    • Estudio de arquitectura
    • Construcción
    • Gestión inmobiliaria
    • Jardinería
    • Asociación de propietarios
    Consultoría
    • Empresa contable
    • Partner de Odoo
    • Agencia de marketing
    • Bufete de abogados
    • Adquisición de talentos
    • Auditorías y certificaciones
    Fabricación
    • Textil
    • Metal
    • Muebles
    • Alimentos
    • Brewery
    • Regalos de empresas
    Salud y bienestar
    • Club deportivo
    • Óptica
    • Gimnasio
    • Terapeutas
    • Farmacia
    • Peluquería
    Oficios
    • Handyman
    • Hardware y asistencia informática
    • Sistemas de energía solar
    • Zapatero
    • Servicios de limpieza
    • Servicios de calefacción, ventilación y aire acondicionado
    Otros
    • Organización sin ánimo de lucro
    • Agencia de protección del medio ambiente
    • Alquiler de paneles publicitarios
    • Estudio fotográfico
    • Alquiler de bicicletas
    • Distribuidor de software
    Browse all Industries
  • Comunidad
    Aprender
    • Tutoriales
    • Documentación
    • Certificaciones
    • Formación
    • Blog
    • Podcast
    Potenciar la educación
    • Programa de formación
    • Scale Up! El juego empresarial
    • Visita Odoo
    Obtener el software
    • Descargar
    • Comparar ediciones
    • Versiones
    Colaborar
    • GitHub
    • Foro
    • Eventos
    • Traducciones
    • Convertirse en partner
    • Services for Partners
    • Registrar tu empresa contable
    Obtener servicios
    • Encontrar un partner
    • Encontrar un asesor fiscal
    • Contacta con un experto
    • Servicios de implementación
    • Referencias de clientes
    • Ayuda
    • Actualizaciones
    GitHub YouTube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Solicitar una demostración
  • Precios
  • Ayuda

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

  • CRM
  • e-Commerce
  • Contabilidad
  • Inventario
  • PoS
  • Proyecto
  • MRP
All apps
Debe estar registrado para interactuar con la comunidad.
Todas las publicaciones Personas Insignias
Etiquetas (Ver todo)
odoo accounting v14 pos v15
Acerca de este foro
Debe estar registrado para interactuar con la comunidad.
Todas las publicaciones Personas Insignias
Etiquetas (Ver todo)
odoo accounting v14 pos v15
Acerca de este foro
Ayuda

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

Suscribirse

Reciba una notificación cuando haya actividad en esta publicación

Se marcó esta pregunta
qwebreportsodoo8.0
14 Respuestas
48313 Vistas
Avatar
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">
<!--Lots of irrelevant code for this question -->
<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?

7
Avatar
Descartar
Stephen Mack

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

Yenthe Van Ginneken (Mainframe Monkey)
Autor

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)
Autor

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

Avatar
Akash Balar
Mejor respuesta

 Hello,

I Think it's helpful for you. 

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

Thanks.

6
Avatar
Descartar
Nacho

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

Avatar
Sajin Aziz
Mejor respuesta

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

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

3
Avatar
Descartar
Yenthe Van Ginneken (Mainframe Monkey)
Autor

@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)
Autor

@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 ? :-)

Avatar
Motez
Mejor respuesta
 <div style="position:absolute; bottom:-xxpx;" >
my custom content
</div>
0
Avatar
Descartar
Avatar
Dr Obx
Mejor respuesta

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.

0
Avatar
Descartar
¿Le interesa esta conversación? ¡Participe en ella!

Cree una cuenta para poder utilizar funciones exclusivas e interactuar con la comunidad.

Inscribirse
Publicaciones relacionadas Respuestas Vistas Actividad
Background image gets cut off on the last page of a QWeb report (Odoo8) Resuelto
qweb reports odoo8.0
Avatar
1
feb 24
6029
How to Change TABLE Format in QWEB reports? With different table Border and Color.? Resuelto
qweb reports
Avatar
Avatar
Avatar
Avatar
Avatar
4
ene 25
46147
QWEB Report template has inconsistent row heights (see screenshot)
qweb reports
Avatar
0
oct 24
2307
Qweb reports inconsistent table row height
qweb reports
Avatar
0
oct 24
5
images in report does not load
qweb reports
Avatar
Avatar
1
may 23
3925
Comunidad
  • Tutoriales
  • Documentación
  • Foro
Código abierto
  • Descargar
  • GitHub
  • Runbot
  • Traducciones
Servicios
  • Alojamiento Odoo.sh
  • Ayuda
  • Actualizar
  • Desarrollos personalizados
  • Educación
  • Encontrar un asesor fiscal
  • Encontrar un partner
  • Convertirse en partner
Sobre nosotros
  • Nuestra empresa
  • Activos de marca
  • Contacta con nosotros
  • Puestos de trabajo
  • Eventos
  • Podcast
  • Blog
  • Clientes
  • Información legal • Privacidad
  • Seguridad
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo es un conjunto de aplicaciones de código abierto que cubren todas las necesidades de tu empresa: CRM, comercio electrónico, contabilidad, inventario, punto de venta, gestión de proyectos, etc.

La propuesta única de valor de Odoo es ser muy fácil de usar y totalmente integrado.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now