Ad oggi la gestione delle immagini è possibile nelle modalità che seguono:

  • Controllo "Image": possibilità di visualizzare l' immagine sia in modalità statica che in modalità dinamica. Nel caso di statica è sufficiente compilare sul controllo il campo che prevede l' indirizzo diretto dell' immagine: nel caso di dinamica è sufficiente definire sul controllo l' elemento lista da cui prelevare l' immagine ed il suo indirizzo. In quest' ultimo caso si visualizza l' immagine corrispondente all' elemento selezionato della lista;
  • Controllo "Carousel": possibilità di visualizzare n-immagini. Sul controllo si deve definire l' elemento lista che contiene l' elenco delle immagini da visualizzare, la colonna che riporta il path della singola immagine e la colonna che riporta l' etichetta da associare ad ogni immagine;
  • Colonna "Image" su elementi Lista: se assegno il valore Image come nome alla colonna di un elemento lista e, come contenuto, definisco il path dell' immagine per ogni singola entrata, visualizzando l' elemento con un controllo di tipo Grid potrò vedere le informazioni associate all' elemento e l' immagine che lo rappresenta;

 

Si continua a fare riferimento al modello si qui utilizzato per i precedenti Tutorials.

 

Controllo "Image" statico

Vogliamo visualizzare una immagine statica sulla pagine delle Occasioni: basta inserire un controllo di tipo Image.

 

L' unico campo che deve essere compilato è il campo MAnual Path of Image. Sulla pagina delle Occasioni si presenta come segue:

 

 

 

Controllo "Image" dinamico

Vogliamo visualizzare l' immagine dell' occasione selezionata. Il controllo deve essere definito come segue:

 

Vanno definiti i campi:

  • List of Images: l' attributo lista che contiene i riferimenti alle immagini. Nel nostro caso facciamo riferimento all' elemento lista ElencoOccasioni;
  • Path of Image: colonna che contiene i riferimenti alle immagini. Nel nostro caso dovremo aggiungere la colonna ImmagineAuto e valorizzare ogni singola occorrenza con i riferimenti all' immagine corrispondente;

Sulla pagina delle Occasioni si ottiene l' effetto seguente:

 

 

Controllo "Carousel"

 

Sulla pagina delle Occasioni anzichè selezionare l' occasione che ci interessa, vogliamo selezionare la macchina. Per fare questo dobbiamo inserire un controllo di tipo Carousel:

 

 

Vanno definiti i campi:

  • List of Images: l' attributo lista che contiene i riferimenti alle immagini. Nel nostro caso facciamo riferimento all' elemento lista ElencoOccasioni;
  • Select column as Path: colonna che contiene i riferimenti alle immagini. Nel nostro caso dovremo aggiungere la colonna ImmagineAuto e valorizzare ogni singola occorrenza con i riferimenti all' immagine corrispondente;
  • Select column as Label: colonna che contiene le etichette da associare alle immagini. Nel nostro caso facciamo riferimento alla colonna Modello già definita;

 

Sulla pagina delle Occasioni si ottiene l' effetto seguente:

 

Colonna "Image" su Grid

Vogliamo riportare direttamente sulla Grid le corrispondenti immagini delle Occasioni: per far questo è sufficiente prevedere una colonna di nome "Image" che riporti per ogni occorrenza il path delle corrispondente immagine e che sia definita visibile sulla pagina. L' immagine che segue evidenzia il risultato che si ottiene: