Aller au contenu principal
Fabled
Docs
How-to
Personnaliser un cadre dans The Forge

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.

Ouvrir le menu de création et choisir Nouveau 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.

Nommer le cadre et lui attribuer un jeu et une catégorie

É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.

Inspecter le conteneur racine sur le canevas

É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.

Faire glisser des composants depuis la palette vers le canevas

É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.

Lier les propriétés des composants aux données d'éléments en direct