Personalizar un Frame en The Forge

Abre The Forge. Localiza el activador del menú de creación en el árbol de The Forge (badge 1) y haz clic en él.

Selecciona New Frame en el desplegable. Fabled crea un frame en blanco y abre el panel de configuración.

Escribe un nombre en el campo de nombre (badge 1). Elige el juego de destino y la categoría de contenido en los selectores que aparecen debajo del campo de nombre.

Usa el panel de la derecha para seleccionar una carpeta de The Forge. Colocar el frame en la carpeta correcta lo mantiene junto a los elementos que lo utilizarán.

Tras guardar la configuración, se abre el Editor de Frames. La gran área central es el contenedor raíz, tu lienzo para construir el diseño.

El título de la página se actualiza para confirmar el nombre del frame. El contenedor raíz muestra un mensaje para arrastrar componentes desde la paleta izquierda.

La paleta izquierda enumera los bloques de construcción disponibles: Text, Image, Video, Table, Icon, y Container.

Arrastra cualquier componente de la paleta al lienzo del contenedor raíz. El componente aparece como un bloque posicionado dentro del diseño del frame.

Haz clic en un componente del lienzo para seleccionarlo. El panel de propiedades del lado derecho se abre para ese componente.

Introduce una expresión de vinculación en el campo de contenido. Usa el patrón {{element.name}} para incluir texto, o {{element.portrait}} para referenciar un campo de imagen. Fabled resuelve estas expresiones en tiempo de renderizado contra el elemento al que está asignado este frame.

Repite el proceso para cada componente del diseño y conecta el frame completo a su fuente de datos. Guarda el frame cuando el diseño esté terminado.