FLUID: linee guida
copia linkDescrizione
Il motore grafico FLUID utilizza i costrutti HTML del framework Ionic (la versione di Instant Developer Cloud di Ionic) per costruire gli oggetti a video nel browser.
La sua struttura è basata su Ionic è unica per tutti i temi grafici. Quindi, a differenza di quanto avviene nel motore grafico RD3, dove per ogni tema c'è del codice javascript specifico per gestirlo (fino ad arrivare a casi come il tema Bootstrap che ha un motore grafico tutto suo diverso da quello ad esempio di Seattle), in FLUID tutti i temi condividono la stessa struttura e la differenziazione tra di loro avviene attraverso il css, con un file css specifico per ogni tema.
Per fare un esempio, se usiamo il tema Bootstrap nel dom non ci saranno gli oggetti specifici di Bootstrap (ad esempio bs-input, bs-dropdown, ecc.), ma ci saranno sempre oggetti Ionic il cui stile e comportamento sarà reso equivalente a quello dei rispettivi oggetti Bootstrap attraverso il css.
La struttura unica per tutti i temi e l'utilizzo spinto al massimo del css presentano dei grossi vantaggi in termini di efficienza, velocità dell'applicazione e semplicità di personalizzazione e consentono di essere pronti ad accogliere possibilità future ora inimmaginabili.
Il motore grafico non è ancora completo al 100%, la maggior parte delle cose che ancora mancano anche in termini di comportamento del tema (ad esempio la responsività alla Bootstrap) arriveranno prossimamente con i nuovi rilasci.
Attivazione
Per attivarre il motore grafico FLUID è sufficiente aprire un progetto esistente ed attivare il parametro di compilazione.

Nuovo parametro di compilazione per attivare il nuovo motore grafico FLUID.
Il parametro è attivo per default nei nuovi progetti e nelle nuove applicazioni create in progetti esistenti. NON viene automaticamente attivato nei progetti esistenti, nemmeno dopo aver aggiornato le librerie alla versione 22.5. Nei progetti esistenti, infatti, è necessario attivarlo manualmente modificando il valore del parametro di compilazione.
Note
- Il nuovo motore grafico FLUID utilizza il valore del parametro di compilazione Righe ad altezza variabile (o della proprietà dei pannelli RowHeightResize) per decidere se mostrare righe ad altezza fissa o variabile.
- Per avviare l'applicazione il server invierà al browser i file DesktopFluid.htm e DesktopFluid_sm.htm invece dei corrispondenti file Desktop.htm e Desktop_sm.htm utilizzati dal motore RD3. Pertanto, se i file originali erano stati personalizzati, occorrerà introdurre le personalizzazioni anche nei nuovi file.
- Il motore fluid non utilizza i file custom.css e custom3.js ma i file customf.css e customf.js. Pertanto se erano state fatte personalizzazioni occorrerà portarle nei nuovi file dopo averle adattate al nuovo motore grafico.
- Il nuovo motore grafico non utilizza le righe dinamiche. Pertanto, se queste vengono attivate via codice tramite il metodo SetDynamicRows o tramite il parametro di compilazione Righe dinamiche, non vengono considerate dal sistema.
-
Le icone utilizzate da FLUID sono quelle di Ionic nella versione 4.5.10 che trovate sul sito Ionicons.
Sono presenti anche le icone di Font Awesome nella versione 4.6.3 che trovate sul sito Font Awesome Icon.
Per utilizzare quelle Ionic la stringa da inserire nella caption è{{icon-nomeIcona}}
dove nomeIcona identifica l'icona che volete utilizzare.
Per utilizzare quelle Font Awesome la stringa da utilizzare nella caption dell'elemento è{{icon-fa-nomeIcona}}
dove nomeIcona identifica l'icona che volete utilizzare. - Se l'applicazione utilizza elementi javascript di terze parti è necessario adattare il codice Javascript del componente perché si integri con il nuovo motore grafico.
Funzionalità non ancora supportate
Questo elenco riporta le funzionalità non ancora integrate nel motore grafico FLUID che sono presenti in RD3 e verranno realizzate nei prossimi rilasci.
- Book in applicazioni mobile
Preview book non mostrato a videoRidimensionamento e spostamento boxRidimensionamento e spostamento videate modali e popupDrag&Drop tra oggetti (comandi, nodi dell’albero, campi di pannello e box)Menu popup albero e campo di pannelloCollassamento bordi sovrapposti pannelli- Collassamento bordi sovrapposti book
Tooltip customIndicatori- Pannello:
Raggruppamenti in listaRidimensionamento e ordinamento campiColonne fisseValori aggregati fuori listaTab order e tab order avanzatoMultiselezione righeNavigazione righe tramite tasti frecciaPull to refreshAttivazione con il tasto destroonFocus- Spezzamento righe in lista
N.B.: Le funzionalità barrate sono state implementate negli aggiornamenti successivi al rilascio della versione e quindi sono disponibili se Instant Developer è correttamente aggiornato all'utima versione rilasciata.
Ultima modifica: 04/04/2023 / Validità: da 22.5.8700