Fabled
Docs
How-to
Ein Frame in The Forge anpassen

Ein Frame in The Forge anpassen

Aktualisiert 20.05.2026

2 Min. Lesezeit

Aktualisiert 20.05.2026

Schritt 1: Erstellungsmenü öffnen und Neues Frame auswählen

Öffne The Forge. Suche den Auslöser für das Erstellungsmenü im Forge-Baum (Badge 1) und klicke darauf.

Wähle New Frame aus dem Dropdown. Fabled erstellt ein leeres Frame und öffnet das Einrichtungspanel.

Erstellungsmenü öffnen und Neues Frame auswählen

Schritt 2: Frame benennen und Spiel sowie Kategorie zuweisen

Gib einen Namen in das Namensfeld ein (Badge 1). Wähle das Zielspiel und die Inhaltskategorie über die Auswahlelemente unterhalb des Namensfelds.

Wähle im rechten Panel einen Forge-Ordner aus. Das Frame im richtigen Ordner abzulegen hält es in der Nähe der Elemente, die es verwenden werden.

Frame benennen und Spiel sowie Kategorie zuweisen

Schritt 3: Frame-Editor öffnen und den Root-Container untersuchen

Nach dem Speichern der Einrichtung öffnet sich der Frame-Editor. Der große zentrale Bereich ist der Root-Container – deine Arbeitsfläche für den Layoutaufbau.

Der Seitentitel aktualisiert sich, um den Frame-Namen zu bestätigen. Der Root-Container zeigt eine Aufforderung, Komponenten aus der linken Palette zu ziehen.

Frame-Editor öffnen und den Root-Container untersuchen

Schritt 4: Komponente aus der Palette auf die Arbeitsfläche ziehen

Die linke Palette listet verfügbare Bausteine auf: Text, Image, Video, Table, Icon, und Container.

Ziehe eine beliebige Komponente aus der Palette auf die Root-Container-Arbeitsfläche. Die Komponente erscheint als positionierter Block innerhalb des Frame-Layouts.

Komponente aus der Palette auf die Arbeitsfläche ziehen

Schritt 5: Komponente auswählen und an Elementdaten binden

Klicke auf eine Komponente auf der Arbeitsfläche, um sie auszuwählen. Das Eigenschaften-Panel auf der rechten Seite öffnet sich für diese Komponente.

Gib einen Binding-Ausdruck in das Inhaltsfeld ein. Verwende das Muster {{element.name}}, um Text einzubinden, oder {{element.portrait}}, um ein Bildfeld zu referenzieren. Fabled löst diese Ausdrücke zur Renderzeit gegen das Element auf, dem dieses Frame zugewiesen ist.

Wiederhole dies für jede Komponente im Layout, um das gesamte Frame mit seiner Datenquelle zu verknüpfen. Speichere das Frame, wenn das Layout fertig ist.

Komponente auswählen und an Elementdaten binden