Zum Hauptinhalt springen
Fabled
Docs
How-to
Ein Frame in The Forge anpassen

Ein Frame in The Forge anpassen

Aktualisiert 07.06.2026

2 Min. Lesezeit

Schritt 1: Erstell-Menü öffnen und Neuen Frame auswählen

Öffne The Forge. Suche den Auslöser des Erstell-Menüs im Forge-Baum (Badge 1) und klicke darauf, um die Erstellungsoptionen anzuzeigen.

Wähle New Frame aus dem Menü. Damit wird ein neues Anzeigetemplate im Frames-Bereich von The Forge gestartet.

Erstell-Menü öffnen und Neuen Frame auswählen

Schritt 2: Frame benennen und einem Spiel sowie einer Kategorie zuweisen

Gib einen Namen für deinen Frame in das Namensfeld ein (Badge 1). Wähle das Zielspiel und die Inhaltskategorie, zu der dieser Frame gehört.

Verwende das rechte Panel, um den Frame in einem Forge-Ordner zu platzieren. So bleibt der Frame zusammen mit den Elementen, die ihn verwenden werden.

Klicke auf Create, wenn alle Angaben korrekt sind. Der Frame-Editor öffnet sich.

Frame benennen und einem Spiel sowie einer Kategorie zuweisen

Schritt 3: Root-Container auf der Arbeitsfläche prüfen

Der Frame-Editor öffnet sich mit dem Root-Container des Frames. Dies ist die oberste Ebene der Arbeitsfläche für dein Layout.

Klicke irgendwo auf die Arbeitsfläche, um sicherzustellen, dass du dich im Root-Container befindest, bevor du Komponenten hinzufügst. Das Eigenschaften-Panel auf der rechten Seite aktualisiert sich entsprechend dem ausgewählten Element.

Root-Container auf der Arbeitsfläche prüfen

Schritt 4: Komponentenpalette durchsuchen und eine Komponente auf die Arbeitsfläche ziehen

Das linke Panel ist die Komponentenpalette. Sie enthält die verfügbaren Bausteine: Text, Image, Video, Table, Icon, und Container.

Ziehe eine Komponente aus der Palette auf die Root-Container-Arbeitsfläche. Die Komponente erscheint im Layout, und das Eigenschaften-Panel auf der rechten Seite zeigt ihre Einstellungen an.

Komponentenpalette durchsuchen und eine Komponente auf die Arbeitsfläche ziehen

Schritt 5: Eine Komponente mit Live-Elementdaten verknüpfen

Wähle eine Komponente auf der Arbeitsfläche aus. Ihre Eigenschaften erscheinen im rechten Panel.

Gib einen Ausdruck in das Inhaltsfeld ein, um die Komponente mit Live-Daten zu verknüpfen. Verwende beispielsweise {{element.name}}, um den Namen des Elements einzubinden, oder {{element.portrait}}, um auf das Porträtbild zu verweisen.

Wiederhole dies für jede Komponente in deinem Layout. Jeder Ausdruck verknüpft die Komponente mit einem Feld des Elements, das dieser Frame zur Laufzeit anzeigen wird.

Eine Komponente mit Live-Elementdaten verknüpfen