L'Editor di pagina è lo strumento che consente al designer di creare la pagina desiderata, con le caratteristiche e il layout necessari.
Layout dello schermo
La scheda Design dell'Editor di pagina presenta tre aree:
| Pannello Proprietà nascosto |
 |
| Pannello Proprietà visualizzato |
 |
| Nome | Posizione | Scopo |
| Tavolozza | Lato sinistro | La tavolozza è l'elenco dei componenti di layout e dei controlli di pagina che possono essere inseriti nella pagina.
Quando viene visualizzato il pannello Proprietà, la tavolozza viene ridotta e mostra solo le icone relative al componente di layout e ai campi. |
| Area layout pagina | Centro | Qui è dove viene creato e visualizzato il modulo che stai progettando. I campi vengono trascinati dalla tavolozza e rilasciati nell'area di layout del modulo per creare il design del modulo. |
| Pannello Proprietà | Lato destro | Qui è possibile regolare tutte le impostazioni dei comandi.
Il pannello Proprietà viene visualizzato solo quando è attivato. Quando si apre una pagina per la prima volta, vengono visualizzati solo la tavolozza e l'area di layout della pagina. Il pannello Proprietà viene visualizzato quando il progettista fa clic sull'icona delle proprietà del componente. |
Nozioni di base sulla progettazione delle pagine
Per creare la tua pagina, individua il widget desiderato nella tavolozza sul lato sinistro dello schermo, quindi trascinalo nella posizione desiderata sulla pagina. Puoi anche trascinare i componenti esistenti all'interno della pagina per modificarne il layout. Sono disponibili anche componenti che ti consentono di scegliere un layout a una, due, tre o quattro colonne, un po' come quando si inseriscono elementi in una tabella in un documento in modo che rimangano nella posizione desiderata.
| Progettazione di pagine con funzione drag & drop |
 |
È quindi possibile modificare le impostazioni di un componente digitandole direttamente nel campo o tramite il pannello delle proprietà sul lato destro. (Fare clic sull'icona a forma di matita (Modifica) sul lato destro del componente per aprire il pannello delle proprietà).