Fabled
Docs
How-to
Personalizar um Frame em The Forge

Personalizar um Frame em The Forge

Atualizado 20 de mai. de 2026

2 min de leitura

Atualizado 20 de mai. de 2026

Etapa 1: Abra o menu de criação e escolha New Frame

Abra The Forge. Localize o gatilho do menu de criação na árvore do Forge (badge 1) e clique nele.

Selecione New Frame no menu suspenso. O Fabled cria um frame em branco e abre o painel de configuração.

Abra o menu de criação e escolha New Frame

Etapa 2: Nomeie o frame e atribua um jogo e categoria

Digite um nome no campo de nome (badge 1). Escolha o jogo de destino e a categoria de conteúdo nos seletores abaixo do campo de nome.

Use o painel à direita para selecionar uma pasta do Forge. Colocar o frame na pasta correta mantém-no próximo aos elementos que o utilizarão.

Nomeie o frame e atribua um jogo e categoria

Etapa 3: Abra o Editor de Frames e inspecione o contêiner raiz

Após salvar a configuração, o Editor de Frames é aberto. A grande área central é o contêiner raiz — sua tela para construir o layout.

O título da página é atualizado para confirmar o nome do frame. O contêiner raiz exibe um prompt para arrastar componentes da paleta à esquerda.

Abra o Editor de Frames e inspecione o contêiner raiz

Etapa 4: Arraste um componente da paleta para a tela

A paleta à esquerda lista os blocos de construção disponíveis: Text, Image, Video, Table, Icon, e Container.

Arraste qualquer componente da paleta para a tela do contêiner raiz. O componente aparece como um bloco posicionado dentro do layout do frame.

Arraste um componente da paleta para a tela

Etapa 5: Selecione um componente e vincule-o aos dados do elemento

Clique em um componente na tela para selecioná-lo. O painel de propriedades à direita é aberto para aquele componente.

Insira uma expressão de vinculação no campo de conteúdo. Use o padrão {{element.name}} para incluir texto, ou {{element.portrait}} para referenciar um campo de imagem. O Fabled resolve essas expressões no momento da renderização em relação ao elemento ao qual este frame está atribuído.

Repita para cada componente no layout para conectar o frame completo à sua fonte de dados. Salve o frame quando o layout estiver concluído.

Selecione um componente e vincule-o aos dados do elemento