El título de un documento en la parte superior, los datos de contacto en la parte inferior o una etiqueta de página de “1/3” pueden estar en Encabezado y Pie de página. Escribe el contenido una vez y Tembuilder lo repite en las hojas PDF donde esa parte está habilitada.
El encabezado y el pie de página se encuentran debajo de Global en Structure. Su contenido se comparte, mientras que cada página puede mostrarlos u ocultarlos; por ejemplo, una portada puede omitir ambos mientras el contenido principal los conserva.
1. Agregue un encabezado o pie de página
Expanda Global en Structure, luego seleccione Agregar elemento global → Encabezado o Pie de página. Si ya existe, selecciónelo directamente en la lista para editarlo.
El interruptor al lado de cada elemento controla su visibilidad Global. Al desactivarlo, se oculta esa parte en el documento y se conserva el contenido que escribió.
Agregar un nuevo encabezado o pie de página está disponible en la variante básica. Vuelva a la base si está editando otra variante y no ve Agregar elemento global.
2. Edita el contenido repetido
Seleccione Encabezado o Pie de página para abrir las pestañas HTML, CSS, Props y Config.
Con una plantilla existente, comience en Props para actualizar el nombre de la empresa, el sitio web o la etiqueta utilizada por esa plantilla. Por ejemplo, la plantilla de factura tiene un accesorio footerWebsite para el sitio web que se muestra en la parte inferior de la página.
Utilice HTML para cambiar el contenido o la estructura y CSS para cambiar su presentación. En Encabezado/Pie de página HTML, {{ props.propName }} lee un accesorio que pertenece a esa parte; {{ global.props.propName }} lee un accesorio de Global.
3. Establecer márgenes de encabezado y pie de página
Abra Encabezado → Config → Margen o Pie de página → Config → Margen. Habilite los márgenes e ingrese los cuatro lados en mm. La sección Fondo a continuación establece el fondo de ese encabezado o pie de página.
Estos márgenes son independientes del Margen de contenido. Para alinear un logotipo de encabezado con una tabla en el cuerpo, configure los márgenes izquierdo/derecho del encabezado para que coincidan con los márgenes izquierdo/derecho del área de contenido.
La altura del encabezado/pie de página sigue su contenido, incluidos sus propios márgenes. Margen de contenido → Superior/Inferior proporciona el espacio entre esa área y el contenido principal. Para aumentar el espacio después de un encabezado, cambie el margen del contenido en la parte superior; para insertar un logotipo dentro del encabezado, cambie los márgenes del encabezado o CSS.
4. Ocultarlo en una portada o en una página específica
Seleccione una página en Structure → Config → Diseño, luego desactive Encabezado o Pie de página. Por ejemplo, Cubierta puede ocultar ambos, mientras que Factura los conserva.
El contenido compartido en Global permanece intacto. Vuelva a activar la configuración de Diseño correspondiente para mostrarla nuevamente en esta página.
Si una configuración dice desactivado globalmente, primero habilite el encabezado/pie de página en Global. Una página no puede habilitar una parte que está desactivada globalmente.
Para darle a la portada una configuración diferente del contenido principal, conviértala en una página separada en Structure.
5. Insertar números de página automáticos
Agregue esto al pie de página o encabezado HTML:
<span>{{ global.props.page_number }} / {{ global.props.total_pages }}</span>Estos valores están integrados en Global Props y el sistema los completa cuando se genera el documento:
| Valor | Contenido |
|---|---|
global.props.page_number |
El número de hoja actual PDF. |
global.props.total_pages |
El recuento total de hojas PDF. |
No es necesario crear otro accesorio para almacenar los números de página. Para un documento de tres hojas, este ejemplo muestra 1 / 3, 2 / 3 y 3 / 3.
Los números se refieren a las hojas PDF, no al número de páginas en Structure. Una página Structure puede producir varias hojas, cada una con su propio número. Ocultar encabezado/pie de página en una portada no excluye esa hoja del recuento total.
{{ global.props.page_number }} /
{{ global.props.total_pages }}