Il widget Schede consente di organizzare il contenuto del mashup in viste separate. Ogni vista è una scheda con un'etichetta che è possibile definire utilizzando le proprietà del widget. In fase di esecuzione viene aperta una sola scheda alla volta e quella corrente viene evidenziata utilizzando una sottolineatura. Il widget Schede è un widget dinamico le cui dimensioni aumentano e diminuiscono in base a quelle del contenitore. È possibile impostare il widget su una larghezza o un'altezza fissa controllando le dimensioni del contenitore o utilizzando le proprietà Width e Height del widget.

È possibile configurare il widget nei modi descritti di seguito.

Per default, tutte le schede del widget vengono caricate al momento dell'apertura del mashup. I servizi associati a un widget nella scheda vengono eseguiti quando vengono attivati gli eventi, ad esempio l'evento mashup Loaded, in fase di esecuzione. L'esecuzione dei servizi e il caricamento dei widget nelle schede in background possono ridurre le prestazioni quando il widget Schede contiene più visualizzazioni complesse che includono un'ampia raccolta di widget. È possibile configurare il caricamento lazy per posticipare il caricamento delle schede non visibili fino a quando non sono necessarie in fase di esecuzione, migliorando le prestazioni di rete e del mashup. Quando si configura il caricamento lazy nel widget, assicurarsi di escludere la scheda di default dal caricamento lazy perché questa viene visualizzata subito al momento dell'apertura del mashup. Per attivare il caricamento lazy per una scheda nel widget, attenersi alla procedura descritta di seguito.

In fase di esecuzione le schede caricate tramite caricamento lazy vengono caricate automaticamente all'apertura della scheda. Quando viene abilitata la proprietà EnableContainerUnload per un contenitore di schede, il contenitore viene automaticamente scaricato per liberare risorse di sistema e migliorare le prestazioni quando non è visibile. Quando si torna a una scheda scaricata, la scheda viene ricaricata automaticamente. È possibile creare associazioni aggiuntive ai servizi di caricamento lazy di una scheda per caricare e scaricare manualmente il contenuto utilizzando altri eventi nel mashup, ad esempio l'evento Clicked di un widget Pulsante.

È possibile configurare lo stile delle schede utilizzando la proprietà TabStyle del widget. Questa proprietà supporta due opzioni:

Schede senza cornice - I nomi delle schede vengono visualizzati senza bordo (default).

Schede con cornice - Viene visualizzato un bordo intorno al nome della scheda e all'area del contenuto. Utilizzare la proprietà HideContentAreaBorder per controllare la visibilità del bordo intorno all'area del contenuto.

Quando si utilizzano schede con cornice, è possibile personalizzare l'aspetto dei nomi delle schede utilizzando la proprietà TabMode. I nomi delle schede possono visualizzare un'etichetta, un'icona o entrambe, a seconda del contenuto e del livello di percezione e interazione dell'utente con il prodotto che si desidera offrire. Per ogni scheda è possibile definire un'etichetta di testo, fare riferimento a un'entità multimediale o specificare un'icona SVG.

L'immagine riportata di seguito mostra due schede con un'etichetta e un'icona. L'utilizzo di etichette e icone può migliorare il livello di chiarezza per i nuovi utenti.

L'immagine riportata di seguito mostra schede solo con icone. L'utilizzo di icone consente agli utenti di identificare rapidamente lo scopo di ogni scheda, soprattutto se lo spazio sullo schermo è limitato.

Per personalizzare le dimensioni delle icone, utilizzare la proprietà TabIconSize del widget.

Quando si utilizzano schede con cornice, è possibile configurare il widget per visualizzare le schede orizzontalmente o verticalmente utilizzando la proprietà TabsPosition. Le schede possono essere visualizzate orizzontalmente in alto o in basso oppure verticalmente sul lato sinistro o destro dell'area del contenuto. Per utilizzare schede verticali, attenersi alla procedura descritta di seguito.

L'esempio riportato di seguito mostra uno stile con cornice con schede allineate verticalmente a sinistra.

Per default, le schede vengono configurate in modo da ingrandirsi o ridursi per adattarsi al contenuto del nome della scheda, a seconda dello spazio disponibile. Utilizzare la proprietà TabWdithConfig per distribuire lo spazio disponibile in modo uniforme in tutte le schede o per impostare una larghezza fissa. La distribuzione uniforme è supportata solo quando le schede vengono visualizzate orizzontalmente.