Código de las cabeceras

Las cabeceras y los pies de páginas se corresponden con códigos HTML estándares. Dentro del código HTML podemos insertar los elementos que necesitemos. También podemos hacer uso de JavaScript.

Cuando usemos JavaScript podemos hacer uso de la siguiente:

Propiedades

Una se llamará propiedades y contendrá variables específicas de OneClickToPDF. 

Para hacer uso de las propiedades tenemos que utilizar el array denominado "propiedades" del siguiente modo: propiedades['propiedad']. 

Ejemplo

El siguiente ejemplo muestra el título de la página, el número de página actual y el total de las páginas que se generar en el PDF. El título del documento se corresponde con el nombre del formulario

<style>
    body {
        color: #C0C0C0;
    }
</style>

<div
    style="font-family:Arial,sans-serif;font-size:14px;font-weight: bold;position:absolute;left:0;top:11mm;text-align:right;margin:0 15mm 0mm 15mm">
        <span class="title">[title]</span>
</div>
<div
    style="font-family:Arial,sans-serif;font-size:10px;position:absolute;right:0;top:12mm;width:250px;text-align:right;margin:0 15mm">
        Página <span class="sitepage">[sitepage]</span> de <span class="sitepages">[sitepages]</span>
</div>
<script>
    document.getElementsByClassName('sitepage')[0].innerHTML = propiedades['sitepage'];
    document.getElementsByClassName('sitepages')[0].innerHTML = propiedades['sitepages'];
    document.getElementsByClassName('title')[0].innerHTML = propiedades['title'];
</script>

Parámetros

Los parámetro, como hemos visto en apartados anteriores, en la forma de pasarnos información a los formularios desde el sistema que nos está invocando. Los parámetros vienen como variables el jsonData y se identifican por el sufijo ___PARAM. 

En este caso, la forma de acceder sería mediante el array denominado "parámetros" del siguiente modo: parámetros['parámetro'], siendo el parámetro la variable que hemos pasado en el JSON data 

Ejemplo

El siguiente ejemplo muestra un logotipo al que se le está pasando la URL mediante el parámetro imagen

<div id="logo-con-letras"  class="header"  style="padding:15mm 15mm 0mm 15mm; box-sizing:border-box">
         <img id="imagen" />
</div>
<script>
    if (parametros['imagen']) { // Esta comprobación es importante, por que si no, estableceríamos el src de la imagen como undefined, lo que provocaría errores de oneclicktopdf
        document.getElementById('imagen').src = parametros['imagen'];
    }
</script>