Personnaliser un cadre dans The Forge
Mis à jour 22 juil. 2026
2 min de lecture
Étape 1: Ouvrir le menu de création et choisir Nouveau cadre
Ouvrez The Forge. Repérez le déclencheur du menu de création dans l'arborescence de The Forge (badge 1) et cliquez dessus pour afficher les options de création.
Sélectionnez Nouveau cadre dans le menu. Cela démarre un nouveau modèle d'affichage et ouvre le panneau de configuration du cadre.

Étape 2: Nommer le cadre et lui attribuer un jeu et une catégorie
Saisissez un nom pour votre cadre dans le champ de nom. Choisissez des noms descriptifs qui indiquent la fonction du cadre, comme « Barre latérale de personnage » ou « Fiche d'objet ».
Sélectionnez le jeu et la catégorie de contenu auxquels ce cadre appartient. Utilisez le panneau de droite pour assigner le cadre à un dossier de The Forge afin qu'il apparaisse aux côtés des éléments qui l'utiliseront.

Étape 3: Inspecter le conteneur racine sur le canevas
L'éditeur de cadres s'ouvre sur le conteneur racine du cadre. Il s'agit de la surface de mise en page de premier niveau pour votre modèle.
Le conteneur racine occupe toute la zone du canevas. Vous construisez votre mise en page en faisant glisser des composants depuis la palette de gauche dans ce conteneur.

Étape 4: Faire glisser des composants depuis la palette vers le canevas
La palette de composants à gauche liste les blocs de construction disponibles : Text, Image, Video, Table, Icon, et Container.
Faites glisser n'importe quel composant sur le conteneur racine pour le placer. Vous pouvez imbriquer des composants dans un Container pour créer des mises en page groupées.

Étape 5: Lier les propriétés des composants aux données d'éléments en direct
Sélectionnez un composant sur le canevas. Ses propriétés apparaissent dans le panneau de droite.
Utilisez la syntaxe d'expression pour lier une propriété à un champ de l'élément que ce cadre affichera. Par exemple, saisissez {{element.name}} pour récupérer le nom de l'élément, ou {{element.portrait}} pour référencer un champ d'image de portrait.
Répétez cette opération pour chaque composant du canevas jusqu'à ce que tous les champs de contenu soient reliés aux données d'éléments appropriées.
