View Editor
linkView Editor
Anche il form editor è una delle funzionalità più usate di Instant Developer Foundation.
L’editor web beneficia del fatto di essere eseguito in un browser. Pertanto quello che viene mostrato è esattamente quello che si otterrà a run-time, a parte il codice inserito negli eventi.
L’editor web, infatti, utilizza lo stesso motore grafico che utilizzano le applicazioni a run-time pertanto la visualizzazione delle videate è esattamente la stessa che si ottiene a run-time. Non viene lanciato nessun web server quindi non viene eseguito codice ma viene utilizzato l’intero motore grafico delle applicazioni web (RD3).
Videata mostrata nel form editor dell’editor web
La videata sarà mostrata nel form editor esattamente così come apparirà quando l’applicazione viene compilata. Questo perché il motore grafico utilizzato dal form editor è esattamente lo stesso utilizzato dalle applicazioni. Pertanto se l’applicazione in cui è contenuta la videata utilizza il tema bootstrap, il form editor utilizzerà tale motore grafico. Così come utilizzerà il motore Ionic se l’applicazione mobile utilizza tale tema. In questo modo è molto più semplice prevedere il comportamento a run-time dell’applicazione e, soprattutto, vedere le regole di adattamento in esecuzione.
I dati utilizzati per riempire le celle sono calcolati automaticamente a partire dagli esempi forniti ai corrispondenti campi (così come viene fatto su Instant Developer Foundation).
La videata è “parzialmente funzionante” nel senso che alcune operazioni (come lo sblocco dei pannelli, il cambio layout form/list, lo scrolling dei dati, il cambio pagina nelle tabbed view, l’espansione dei nodi degli alberi, etc..) sono funzionanti in anteprima.
All’apertura della videata l’editor è in modalità “modifica”. In tale modalità vengono disabilitati i ridimensionamenti per permettere la modifica della videata. È possibile, come su Foundation, selezionare campi, spostarli, ridimensionarli, cancellarli. È possibile allineare tra loro gli oggetti, utilizzare la tastiera per spostare e ridimensionare gli oggetti. Durante il D&D degli oggetti vengono evidenziati, come su Foundation, gli allineamenti tramite righe rosse che indicano se l’oggetto tirato sarà allineato con gli altri oggetti presenti nella videata.
Per vedere il motore di ridimensionamento in esecuzione è sufficiente aprire il menu contestuale della videata (cliccando con il tasto destro sull’intestazione della videata o nello spazio attorno alla videata) e selezionare la voce “Abilita ridimensionamenti”:
Appena attivato il comando la videata si adatterà seguendo le regole impostate nei riquadri, nei pannelli e nei singoli campi. Se l’applicazione utilizza il tema boostrap sarà possibile vedere come la videata reagisce al ridimensionamento del browser.
Una volta attivata la modalità “ridimensionamenti” la videata non è più modificabile se non per tornare alla modalità di modifica tramite lo stesso menu contestuale.
Ultima modifica: 07/06/2021 / Validità: da 21.0.8100