Fabled
Docs
How-to
Customise a Frame in The Forge

Customise a Frame in The Forge

Updated May 26, 2026

2 min read

Updated May 26, 2026

Step 1: Open the create menu and start a new frame

Open The Forge. Locate the create menu trigger in the Forge tree (badge 1) and click it to expand the options.

Select New Frame from the menu. Fabled creates a blank frame and opens the setup panel.

Open the create menu and start a new frame

Step 2: Name the frame and assign it to a game and category

Type a descriptive name into the name field. Pick the target game and content category from the dropdowns below it.

Use the right-hand panel to place the frame inside a Forge folder. This keeps it alongside the elements that will reference it.

Name the frame and assign it to a game and category

Step 3: Explore the root container canvas

After setup, the Frame Editor opens on the frame's root container. This is the top-level surface for your layout.

The canvas starts empty. You build the layout by dropping components onto it from the left palette.

Explore the root container canvas

Step 4: Drag a component from the palette onto the canvas

The left palette lists every available building block: Text, Image, Video, Table, Icon, and Container.

Click the content category button (badge 4) to browse components grouped by type. Drag any item onto the root container to add it to the frame.

Drag a component from the palette onto the canvas

Step 5: Select a component and bind it to element data

Click any component on the canvas to select it. Its properties appear in the right panel.

Enter an expression in the content field to bind the component to live data. For example, use {{element.name}} for a text label or {{element.portrait}} for an image source.

Select a component and bind it to element data