Vista
Le Viste agiscono come pagine per i tuoi widget.
- Ogni widget deve avere almeno una vista.
- I widget hanno sempre una vista iniziale, che è la vista visualizzata quando il widget appare per la prima volta.
Tipi di Vista
Vista in Overlay
Le viste in overlay galleggiano sopra altri contenuti su un sito web. Possono essere posizionate al centro dello schermo o lungo il bordo della pagina.
Le viste in overlay possono avere un sfondo opzionale, che si trova dietro la vista coprendo l'intera pagina. Questo può essere usato per scurire o illuminare la pagina in modo che la vista sia visivamente focalizzata.
Vista Incorporata
Una vista incorporata viene inserita in una sezione specifica di una pagina. La vista occuperà spazio sulla pagina e influenzerà il flusso e il layout degli altri elementi.
Selettore di Incorporamento
Il punto di inserimento per la vista è specificato come un Selettore CSS.
Ad esempio, il selettore #banner_container
potrebbe essere usato per mirare la sezione nel seguente documento HTML:
<!doctype html>
<html>
<head>
...
</head>
<body>
...
<div id="banner_container">...</div>
...
</body>
</html>
Modalità di Incorporamento
Le viste incorporate sono preposte o aggiunte alla parte della pagina che mirano. Questo inserisce la vista prima o dopo qualsiasi altro contenuto già esistente nella sezione.
Altezza del Wrapper di Incorporamento
Le viste incorporate sono create all'interno di un elemento "wrapper", prima di essere inserite nella pagina. Per impostazione predefinita, questo elemento wrapper assume automaticamente l'altezza della vista stessa, ma può essere specificata un'altezza precisa.
Ad esempio, ciò consentirebbe di incorporare e centrare verticalmente una vista in una parte della pagina rendendo l'altezza del wrapper maggiore della vista.
Z-Index
La proprietà z-index consente di sovrascrivere la posizione di stacking della vista rispetto ad altri contenuti sulla pagina.
INFO
Per alcuni siti web potrebbe essere necessario specificare un valore elevato per z-index per assicurarsi che la vista appaia sopra altri contenuti sulla pagina.
Transizioni
Le viste possono essere configurate per la transizione sullo schermo quando visualizzate.
INFO
Le transizioni vengono saltate quando una vista passa a un'altra utilizzando l'azione Passa a Vista. Questo viene fatto per consentire il caso d'uso comune in cui un widget avrà più viste che agiscono come schermate successive, come nel modello di widget Offer Flyout.