En-têtes, pieds de page et numéros de page

Un titre de document en haut, des coordonnées en bas ou un intitulé de page « 1 / 3 » peuvent tous résider dans En-tête et Pied de page. Écrivez le contenu une fois et Tembuilder le répète sur les feuilles PDF où cette partie est activée.

L’en-tête et le pied de page se trouvent sous Global dans Structure. Leur contenu est partagé, tandis que chaque page peut les afficher ou les masquer. Par exemple, une couverture peut omettre les deux tandis que le contenu principal les conserve.

1. Ajouter un en-tête ou un pied de page

Développez Global dans Structure, puis sélectionnez Ajouter un élément global → En-tête ou Pied de page. S’il existe déjà, sélectionnez-le directement dans la liste pour le modifier.

La bascule à côté de chaque élément contrôle sa visibilité Global. Le désactiver masque cette partie dans le document tout en conservant le contenu que vous avez écrit.

L’ajout d’un nouvel en-tête ou pied de page est disponible dans la variante de base. Revenez à la base si vous modifiez une autre variante et que vous ne voyez pas Ajouter un élément global.

2. Modifiez le contenu répété

Sélectionnez En-tête ou Footer pour ouvrir ses onglets HTML, CSS, Props et Config.

Avec un modèle existant, commencez dans Props pour mettre à jour le nom d’une entreprise, un site Web ou une étiquette utilisé par ce modèle. Par exemple, le modèle de facture comporte un accessoire footerWebsite pour le site Web affiché en bas de la page.

Utilisez HTML pour modifier le contenu ou la structure, et CSS pour modifier sa présentation. Dans l’en-tête/pied de page HTML, {{ props.propName }} lit un accessoire appartenant à cette pièce ; {{ global.props.propName }} lit un accessoire de Global.

3. Définir les marges d’en-tête et de pied de page

Ouvrez En-tête → Config → Marge ou Pied de page → Config → Marge. Activez les marges et entrez les quatre côtés en mm. La section Arrière-plan ci-dessous définit l’arrière-plan de cet en-tête ou pied de page.

Ces marges sont distinctes de la Marge de contenu. Pour aligner un logo d’en-tête avec un tableau dans le corps, définissez les marges gauche/droite de l’en-tête pour qu’elles correspondent aux marges gauche/droite de la zone de contenu.

La hauteur de l’en-tête/pied de page suit son contenu, y compris ses propres marges. Marge de contenu → Haut/Bas fournit l’écart entre cette zone et le contenu principal. Pour augmenter l’écart après un en-tête, modifiez la marge du contenu en haut ; pour insérer un logo à l’intérieur de l’en-tête, modifiez les marges de l’en-tête ou CSS.

4. Cachez-le sur une couverture ou une page spécifique

Sélectionnez une page dans Structure → Config → Mise en page, puis désactivez En-tête ou Pied de page. Par exemple, Cover peut masquer les deux tandis que Invoice les conserve.

Le contenu partagé dans Global reste intact. Réactivez le paramètre de mise en page correspondant pour l’afficher à nouveau sur cette page.

Si un paramètre indique off globalement, activez d’abord l’en-tête/pied de page dans Global. Une page ne peut pas activer une partie désactivée globalement.

Pour donner à une couverture des paramètres différents du contenu principal, faites-en une page distincte dans Structure.

5. Insérer des numéros de page automatiques

Ajoutez ceci au pied de page ou à l’en-tête HTML :

<span>{{ global.props.page_number }} / {{ global.props.total_pages }}</span>

Ces valeurs sont intégrées dans Global Props et renseignées par le système lors de la génération du document :

Vous n’avez pas besoin de créer un autre accessoire pour stocker les numéros de page. Pour un document de trois feuilles, cet exemple affiche 1 / 3, 2 / 3 et 3 / 3.

Les chiffres font référence aux feuilles PDF, et non au nombre de pages dans Structure. Une page Structure peut produire plusieurs feuilles, chacune avec son propre numéro. Masquer l’en-tête/pied de page sur une couverture n’exclut pas cette feuille du nombre total.