Personalizzare un Frame in The Forge

Apri The Forge. Individua il pulsante del menu di creazione nell'albero di The Forge (badge 1) e cliccaci sopra.

Seleziona New Frame dal menu a tendina. Fabled crea un frame vuoto e apre il pannello di configurazione.

Digita un nome nel campo nome (badge 1). Scegli il gioco di destinazione e la categoria di contenuto dai selettori sotto il campo nome.

Usa il pannello di destra per selezionare una cartella di The Forge. Posizionare il frame nella cartella corretta lo mantiene vicino agli elementi che lo utilizzeranno.

Dopo aver salvato la configurazione, si apre il Frame Editor. L'ampia area centrale è il contenitore radice, il tuo canvas per costruire il layout.

Il titolo della pagina si aggiorna per confermare il nome del frame. Il contenitore radice mostra un suggerimento per trascinare componenti dalla palette di sinistra.

La palette di sinistra elenca i blocchi costruttivi disponibili: Text, Image, Video, Table, Icon, e Container.

Trascina qualsiasi componente dalla palette sul canvas del contenitore radice. Il componente appare come un blocco posizionato all'interno del layout del frame.

Clicca su un componente nel canvas per selezionarlo. Il pannello delle proprietà sulla destra si apre per quel componente.

Inserisci un'espressione di binding nel campo del contenuto. Usa il pattern {{element.name}} per includere del testo, oppure {{element.portrait}} per fare riferimento a un campo immagine. Fabled risolve queste espressioni al momento del rendering rispetto all'elemento a cui è assegnato questo frame.

Ripeti l'operazione per ogni componente del layout per collegare l'intero frame alla sua sorgente di dati. Salva il frame quando il layout è completo.