Skip to content

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:

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.