Onglet Éléments
Gérez les éléments et les calques dans le Concepteur de Modèle.
L'onglet Éléments est le centre de contrôle pour gérer la structure de votre modèle. Vous pouvez y ajouter de nouveaux composants visuels sur le canevas et gérer l'ordre d'empilement (calques) des éléments existants.
Gestion vs Configuration
L'onglet Éléments sert strictement à ajouter, réorganiser et supprimer des éléments. Pour configurer les propriétés comme la position, la police, le contenu ou la taille, utilisez l'onglet Style.
Ajouter des éléments
Pour ajouter un composant à votre modèle, cliquez simplement sur l'un des boutons de la grille « Ajouter des Éléments ». Le nouvel élément apparaîtra sur le canevas et sera ajouté en haut de la liste des Calques.
| Type d'élément | Description |
|---|---|
| Texte | Un bloc de texte standard. Peut être du texte statique ou mappé sur des données. |
| Image | Une image statique (ex : logo, signature). |
| Code-barres | Génère un code-barres (Code39, Code128, etc.) à partir des données. |
| QR Code | Génère un QR code 2D à partir des données. |
| Tableau statique | Une grille fixe pour les mises en page d'en-têtes ou les cadres d'information. |
| Tableau de groupe | Un tableau dynamique qui itère sur les données transactionnelles. |
Types d'éléments supplémentaires
Les éléments Rect (rectangle) et Line (ligne) sont également supportés mais ne peuvent être ajoutés qu'en éditant directement le fichier YAML du modèle. Ils ne sont pas disponibles via les boutons de l'interface du concepteur.
Panneau des calques et ordre Z
La liste des Calques en bas de l'onglet affiche tous les éléments de votre page actuelle. L'ordre de cette liste détermine l'Ordre de dessin (Z-Index) et l'Ordre de flux pour le positionnement relatif.
Gestion des calques
- Sélection : Cliquez sur un calque pour sélectionner cet élément.
- Réorganiser :
- Flèche haut (↑) : Déplace l'élément vers le haut de la liste (visuellement : vers l'arrière-plan).
- Flèche bas (↓) : Déplace l'élément vers le bas de la liste (visuellement : vers le premier plan).
- Supprimer : Cliquez sur l'icône Corbeille pour supprimer l'élément.
Comprendre l'ordre Z (empilement)
L'ordre des éléments dans la liste détermine leur ordre d'empilement (z-index).
- Haut de la liste = Dessiné en premier (arrière-plan)
- Bas de la liste = Dessiné en dernier (premier plan)
Si deux éléments se chevauchent (ex : du texte sur une image), l'élément plus bas dans la liste apparaîtra au-dessus de l'élément plus haut dans la liste.
Étude de cas : Positionnement relatif et ordre des calques
Lorsque vous définissez la position d'un élément sur Relatif dans l'onglet Style, l'ordre des calques devient crucial.
Règle du positionnement relatif
Un élément « Relatif » se positionne par rapport au coin inférieur gauche de l'Élément précédent dans la liste des calques.
Exemple
Imaginons que vous avez deux éléments texte :
- « Titre du rapport » (Texte statique, grande police)
- « Date » (Texte variable, petite police)
Vous souhaitez que la Date apparaisse automatiquement en dessous du Titre du rapport, quelle que soit la longueur du titre.
Configuration correcte
Ordre des calques :
- Titre du rapport (Premier dans la liste)
- Date (Deuxième dans la liste) -> Position : Relatif
Résultat : La Date regarde l'élément juste avant elle (Titre du rapport), calcule où le titre se termine et se positionne directement en dessous.
Configuration incorrecte
Ordre des calques :
- Date (Premier dans la liste) -> Position : Relatif
- Titre du rapport (Deuxième dans la liste)
Résultat : La Date n'a pas d'« élément précédent » (ou se réfère à la marge de la page), elle reste donc en haut. Le Titre du rapport est dessiné après la Date, le chevauchant potentiellement ou apparaissant au mauvais endroit.
Bonne pratique
Lors de la construction de mises en page à flux (comme un corps de lettre), assurez-vous que votre liste de calques correspond à l'ordre de lecture (de haut en bas).