La toolbar di pannello nelle applicazioni web create con Instant Developer Foundation o Studio viene generata dal framework ed è composta da 10 zone che sono occupate come segue:
- 1 - bottoni Collassamento e Lucchetto
- 2 - Status bar, QBE filter
- 3 - Bottoni di navigazione
- 4 - Bottoni Lista/Dettaglio, Cerca, Trova, Annulla, Ricarica
- 5 - Bottone Cancella
- 6 - Bottoni Inserisci, Salva e Duplica
- 7 - Bottoni Stampa, Esporta e Allega
- 8 - Bottoni Custom
- 9 - Bottoni associati al pannello
- 10 - Vuota
Per personalizzare la posizione di queste zone e quindi cambiare di posizione i bottoni esiste il metodo di applicazione initCommandZone che permette di riposizionarle.
Il metodo va utilizzato prima di aprire le videate e quindi nell’evento Inizilize o in AfeterLogin e la modifica vale per tutta la sessione.
Un esempio di modifica della toolbar può essere il seguente.
event WebApp.Initialize()
{
WebApp.initCommandZone(FormList, 0, 2)
WebApp.initCommandZone(Update, 0, 3)
WebApp.initCommandZone(Delete, 0, 4)
WebApp.initCommandZone(Duplicate, 0, 4)
WebApp.initCommandZone(Insert, 0, 4)
WebApp.initCommandZone(Refresh, 0, 5)
WebApp.initCommandZone(Navigate, 0, 9)
WebApp.initCommandZone(0, StatusBar, 10)
}
Con questa impostazione l’aspetto della toolbar con il pannello in visualizzazione è questo:
Con il pannello in modifica:
L’ordine di un gruppo di bottoni come ad esempio Inserisci, Salva e Duplica se presenti nella stessa zona è quello in cui sono scritti nella lista in alto.
Per mettere il bottone Salva separato e per primo dai suoi fratelli Inserisci e Duplica li ho dovuto posizionare in zone diverse (vedi l’ultimo parametro del metodo).
Vi allego un piccolo progetto di esempio
Personalizzazione Toolbar Fluid.zip (485,2 KB)