Diseño de Factura

[Juan Almela]

Hola,

He modificado la factura para que la muestre como yo queria pero necesito poner de fondo la imagen del diseño de la hoja.

 

Creo que esto se debería poner en la generación del pdf y no como una imagen en el código pero no se como.

 

 

Alguna ayuda.

[Sergio Ruiz]

¿Un fondo completo a la hoja?

 

¿Supongo que has intentando editar el tpl en /pdf/ y encapsular todo en un <div style="background:xxx" > </div> etc.. ?

[Juan Almela]

Hola Sergio,

 

He modificado el invoice.tpl y luego he puesto en header.tpl algo parecido a lo que me comentas, pero sale como en la imagen.

 

La idea es que se adepte a toda la hoja., sin dejar margenes blanco por alrededor.

 

Un saludo,

[tuk66]

Tienes que utilizar los márgenes nulos. Trate de utilizar dos etiquetas <div> anidados (o tablas) y aplicar la imagen de fondo a la primera, así como relleno para obtener márgenes en blanco para el resto.

 

You have to use zero margins. Try to use two nested <div> tags (or tables) and apply the background image to the first one as well as padding to get blank margins for the rest.

[Juan Almela]

Hola tuk66,

 

perdona no haber contestado antes, pero ahora había retomado el tema.

 

Tengo este código en el header.tpl pero la sentencia background es como si no funcionara porque sale la factura en blanco (sin la imagen de fondo), probandolo como código a parte de ahí, si que funciona.

<table style="width: 100%; background-image: url('http://www.confortcalor.com/bg-factura.jpg'); margin: 0px !important; padding: 0px !important;">
<tr>
  <td style="width: 50%; text-align: left;">
    <table style="width: 100%">
    <tr>
      <td style="font-weight: bold; font-size: 14pt; color: #444; width: 100%">{$title|escape:'htmlall':'UTF-8'}</td>
    </tr>
    <tr>
      <td style="font-weight: normal; font-size: 10pt; color: #444; width: 100%">Fecha de emisión: {$date|escape:'htmlall':'UTF-8'}</td>
    </tr>
    </table>
  </td>
  <td style="width: 50%; text-align:center; font-weight: normal; font-size: 9pt; color: #666"></td>
</tr>
</table>

[tuk66]

Prueba esto:

Try this:

 

<table style="width: 210mm; height: 297mm; background: url('http://www.confortcalor.com/bg-factura.jpg') no-repeat; margin: 0px !important; padding: 0px !important;">

.......

[Juan Almela]

No hemos tenido suerte No funciona tampoco.

Sigue saliendo el fondo de la factura en blanco.

 

Gracias por la ayuda.

Edited December 12, 2013 by Juan Almela (see edit history)

[tuk66]

Puede ser que la biblioteca TCPDF no permite que las imágenes de fondo definidos en HTML en absoluto. Sólo tengo experiencia con el módulo M4 PDF Extensions donde las imágenes de fondo son posibles (y fácil).

 

Can be that TCPDF library doesn't allow background images defined in HTML at all. I have only experience with the M4 PDF Extensions module where background images are possible (and easy).

[Juan Almela]

Lástima, gracias por la ayuda seguire investigando con lo del TCPDF.

 

Un saludo,