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 ad albero di Esplora risorse /libs/foundation/components/chart e fate doppio clic sul nodo dialog:

chlimage_1-247

Il nodo della finestra di dialogo si aprirà nell’editor basato su finestra di dialogo:

screen_shot_2012-02-01at25033pm

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 della struttura , nell’angolo in basso a sinistra. 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.
  • Riquadro di 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.
  • Riquadro delle proprietà . 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.

ATTENZIONE

L’editor basato su finestra di dialogo è destinato alla creazione di finestre di dialogo relativamente semplici e potrebbe non essere in grado di modificare definizioni di dialogo più complesse. Se l’editor basato su finestra di dialogo non consente la modifica di una struttura di dialogo, la definizione della finestra di dialogo deve essere creata e/o modificata manualmente modificando direttamente la struttura del nodo utilizzando, ad esempio, CRXDE Lite o CRX Content Explorer.

Creating a New Dialog

Per creare una nuova finestra di dialogo, selezionate il componente richiesto e fate clic su Crea… 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 di dialogo per le 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.

Consultate Scaffolding per ulteriori informazioni sull’utilizzo dell’editor basato su finestra di dialogo per creare le pagine di scaffolding.

In questa pagina