Una volta creata, la pagina deve essere compilata: dobbiamo inserire tutti gli elementi, a loro volta rappresentati tramite controlli, che la compongono con l' obiettivo di creare una interfaccia grafica che consenta all' utente di colloquiare con l' applicazione. E' bene precisare che solo le pagine di tipo Page possono essere compilate. L' immagine che segue è il frame che la BBW mette a disposizione per la compilazione:

 

Significato dei campi:

  • Name: identificativo della pagina;
  • Controls: campo di tipo Select che elenca tutti i controlli disponobili. Attualmente i controlli disponibili sono:
    • empty: utilizzato per spaziare i campi nella stessa riga;
    • label: definizione di una label statica;
    • button: definizione di un command button;
    • textbox: definizione di un box di testo;
    • textarea: definizione di un' area di testo;
    • numeric: definizione di un numerico;
    • checkbox: definizione di un box di chek che può assumere i soli valori truefalse;
    • datepicker: definizione di un campo data;
    • select: definizione di un campo select o tendina;
    • grid: definizione di una griglia;
    • carousel: definizione di una lista di immagini;
    • image: definizione di una immagine che può essere sia dinamica che statica;
  • Data of Control: area di parcheggio su cui viene appoggiato lo script che consente di generare il controllo. Può essere modificato dall' operatore;
  • Define Page: è la griglia che rappresenta la pagina. Questa griglia può essere vista come una matrice con tante colonne quante quelle definite in fase di creazione dell' oggetto Page e tante righe in base alla necessità della pagina. Ogni cella della griglia contiene un controllo che è, a sua volta, collegato ad un oggetto del Box: ad ogni controllo è associata una specifica funzione per la sua creazione / modifica;

Command button disponibili:

  • Save Data Page: salvataggio dei dati della pagina;
  • Modify Control Data: attiva la funzione di modifica del controllo contenuto nella cella selezionata;
  • Update Cell: copia il contenuto dell' area Data of Control sulla cella selezionata;
  • Clear Data Cell: azzera il contenuto della cella selezionata;
  • Preview Page: effettua la preview della pagina. Se i campi contenuti nella pagina sono soggetti a regole, durante la preview queste vengono applicate;

 

Comandi disponibili sul tasto destro del mouse:

  • Add Row: aggiunge una nuova riga alla grid;
  • Remove Row: elimina la riga della grid indicata;
  • Copy from selected cell: copia il contenuto della cella selezionata;
  • Paste in selected cell: riporta il contenuto copiato sulla cella selezionata;
  • Go To Methods: attiva la funzione di creazione / modifica dei Metodi;