Customise a Frame in The Forge
Updated Jul 22, 2026
2 min read
Step 1: Open the create menu and choose New Frame
Open The Forge. Find the create menu trigger in the Forge tree (badge 1) and click it to reveal the creation options.
Select New Frame from the menu. This starts a new display template and opens the frame setup panel.
Step 2: Name the frame and assign it a game and category
Type a name for your frame into the name field. Choose descriptive names that indicate the frame's purpose, such as "Character Sidebar" or "Item Card".
Pick the game and content category this frame belongs to. Use the right-hand panel to assign the frame to a Forge folder so it appears alongside the elements that will use it.
Step 3: Inspect the root container on the canvas
The Frame Editor opens onto the frame's root container. This is the top-level layout surface for your template.
The root container fills the canvas area. You build your layout by dropping components from the left palette into this container.
Step 4: Drag components from the palette onto the canvas
The component palette on the left lists the available building blocks: Text, Image, Video, Table, Icon, and Container.
Drag any component onto the root container to place it. You can nest components inside a Container to create grouped layouts.
Step 5: Bind component properties to live element data
Select a component on the canvas. Its properties appear in the right-hand panel.
Use expression syntax to bind a property to a field on the element this frame will display. For example, enter {{element.name}} to pull in the element's name, or {{element.portrait}} to reference a portrait image field.
Repeat this for each component on the canvas until all content fields are wired to the correct element data.
