Editor finestre di dialogo

L’editor basato su finestra di dialogo fornisce un’interfaccia grafica per creare e modificare facilmente finestre di dialogo e pagine di scaffolding.

Per vedere come funziona, andate al CRXDE Lite, aprite la struttura dell'esploratore su /libs/foundation/components/chart e fate doppio clic sul nodo dialog:

Il nodo della finestra di dialogo si aprirà nell'editor della finestra di dialogo a1/>:

Panoramica dell'interfaccia utente

L’interfaccia dell’editor basato su finestra di dialogo è composta da quattro riquadri:

• La palette, nell'angolo superiore sinistro. Questo riquadro contiene i widget disponibili per la creazione di una finestra di dialogo, ad esempio pannelli di schede, campi di testo, elenchi di selezione e pulsanti. Per espandere le diverse categorie all’interno della palette, fare clic sulla barra di divisione desiderata.
• Il riquadro struttura, nell'angolo inferiore sinistro. Questo riquadro mostra la struttura gerarchica dei nodi che compongono la definizione della finestra di dialogo. È possibile visualizzare la stessa struttura espandendo il nodo di dialogo in Esplora contenuti CRXDE Lite o CRX.
• Il riquadro rendering, al centro della finestra. Questo riquadro mostra come verrà visualizzata la definizione della finestra di dialogo definita nel riquadro della struttura come una finestra di dialogo effettiva.
• Il riquadro properties. Questo riquadro mostra le proprietà del nodo attualmente evidenziato nel riquadro della struttura.

Utilizzo dell'Editor finestre di dialogo

Per creare una finestra di dialogo, l'utente trascina e rilascia elementi dalla palette al riquadro della struttura in posizione all'interno della gerarchia delle definizioni delle finestre di dialogo.

Una volta completata la struttura desiderata, l'utente fa clic su Salva, nella parte superiore del riquadro di rendering.

Creazione di una nuova finestra di dialogo

Per creare una nuova finestra di dialogo, è necessario selezionare il componente richiesto, fare clic su Crea… e quindi Crea finestra di dialogo….

Inserite i dettagli richiesti e fate clic su Salva tutto. Ora potete fare doppio clic sulla finestra di dialogo per aprirla con l'editor.

Utilizzo dell'Editor finestra di dialogo per scaffolding

Una pagina di scaffolding è una pagina speciale contenente un modulo che può essere compilato e inviato in un unico passaggio. Questo consente di creare rapidamente una pagina utilizzando il contenuto immesso.

Il modulo che costituisce una pagina di scaffolding è definito da una definizione di finestra di dialogo, come una normale finestra di dialogo, anche se viene visualizzato sulla pagina di scaffolding in un altro modulo. Poiché le definizioni delle finestre di dialogo vengono utilizzate per definire le pagine di scaffolding, queste possono essere progettate utilizzando l’editor basato su finestra di dialogo. Tenere presente che quando si utilizza l’editor basato su finestra di dialogo in questo modo, il riquadro di rendering continua a visualizzare la definizione della finestra di dialogo sotto forma di una finestra di dialogo non come una pagina di scaffolding.

Per ulteriori informazioni sull'utilizzo dell'editor basato su finestra di dialogo per creare le pagine di scaffolding, vedere Scaffolding.