Das Widget "Registerkarten" ermöglicht es Ihnen, Mashup-Inhalt in separaten Ansichten zu organisieren. Jede Ansicht ist eine Registerkarte mit einer Beschriftung, die Sie mit den Widget-Eigenschaften definieren können. Zur Laufzeit ist immer nur eine Registerkarte geöffnet, und die aktuelle Registerkarte ist unterstrichen und somit hervorgehoben. Das Widget "Registerkarten" ist ein reaktionsfähiges Widget, das basierend auf der Größe seines Containers größer und kleiner wird. Sie können das Widget auf eine feste Breite oder Höhe festlegen, indem Sie die Bemaßungen des Containers steuern oder die Widget-Eigenschaften Width und Height verwenden.

Das Widget kann auf die folgende Weise konfiguriert werden:

Standardmäßig werden alle Registerkarten im Widget geladen, wenn das Mashup geöffnet wird. Dienste, die an ein Widget auf der Registerkarte gebunden sind, werden ausgeführt, wenn Ereignisse wie das Mashup-Ereignis Loaded zur Laufzeit ausgelöst werden. Das Ausführen von Diensten und Laden von Widgets auf Registerkarten im Hintergrund kann die Leistung verringern, wenn das Widget "Registerkarten" mehrere komplexe Visualisierungen mit einer großen Sammlung von Widgets enthält. Sie können Lazy Loading so konfigurieren, dass das Laden nicht sichtbarer Registerkarten verzögert wird, bis sie zur Laufzeit benötigt werden. Dies verbessert die Mashup- und Netzwerkleistung. Wenn Sie Lazy Loading für das Widget konfigurieren, stellen Sie sicher, dass Sie die Standardregisterkarte vom Lazy Loading ausschließen. Denn diese wird sofort beim Öffnen des Mashups angezeigt. Führen Sie die folgenden Schritte aus, um Lazy Loading für eine Registerkarte im Widget zu aktivieren:

Zur Laufzeit werden mit Lazy Loading geladene Registerkarten automatisch geladen, wenn Sie die Registerkarte öffnen. Wenn die Eigenschaft EnableContainerUnload für einen Registerkartencontainer aktiviert ist, wird der Container automatisch entladen, um Systemressourcen freizugeben und die Leistung zu verbessern (wenn nicht sichtbar). Wenn Sie zu einer entladenen Registerkarte zurückkehren, wird die Registerkarte automatisch erneut geladen. Sie können zusätzliche Bindungen zu den Lazy Loading-Diensten einer Registerkarte erstellen, um Inhalt mithilfe anderer Ereignisse im Mashup manuell zu laden und zu entladen, z.B. das Ereignis Clicked des Widgets "Schaltfläche".

Sie können den Registerkartenstil mithilfe der Widget-Eigenschaft TabStyle konfigurieren. Diese Eigenschaft unterstützt zwei Optionen:

Ohne Rahmen – Registerkartennamen werden ohne Rand angezeigt. (Standard)

Mit Rahmen – Es wird ein Rand um den Registerkartennamen und den Inhaltsbereich angezeigt. Verwenden Sie die Eigenschaft HideContentAreaBorder, um die Sichtbarkeit des Rands um den Inhaltsbereich zu steuern.

Wenn Sie Registerkarten mit Rahmen verwenden, können Sie mit der Eigenschaft TabMode die Darstellung von Registerkartennamen anpassen. Registerkartennamen können mit einer Beschriftung, mit einem Symbol oder mit beidem angezeigt werden, je nachdem, welche Inhalte und welches Benutzererlebnis Sie bereitstellen möchten. Für jede Registerkarte können Sie eine Textbeschriftung definieren, auf eine Medienentität verweisen oder ein SVG-Symbol angeben.

Die folgende Abbildung zeigt zwei Registerkarten mit einer Beschriftung und einem Symbol. Die Verwendung von Beschriftungen und Symbolen kann die Übersichtlichkeit für neue Benutzer verbessern.

Die folgende Abbildung zeigt Registerkarten, die nur Symbole verwenden. Die Verwendung von Symbolen kann Benutzern helfen, den Zweck jeder Registerkarte schnell zu erkennen, insbesondere wenn der Platz auf dem Bildschirm begrenzt ist.

Verwenden Sie die Widget-Eigenschaft TabIconSize, um die Symbolgröße anzupassen.

Wenn Sie Registerkarten mit Rahmen verwenden, können Sie das Widget mithilfe der Eigenschaft TabsPosition so konfigurieren, dass Registerkarten horizontal oder vertikal angezeigt werden. Registerkarten können horizontal am oberen oder unteren Rand oder vertikal am linken oder rechten Rand des Inhaltsbereichs angezeigt werden. Führen Sie die folgenden Schritte aus, um vertikale Registerkarten zu verwenden:

Das folgende Beispiel zeigt einen Stil mit Rahmen und vertikal ausgerichteten Registerkarten auf der linken Seite.

Standardmäßig werden Registerkarten so konfiguriert, dass sie vergrößert oder verkleinert werden, um sie an den Inhalt des Registerkartennamens anzupassen, abhängig vom verfügbaren Platz. Verwenden Sie die Eigenschaft TabWdithConfig, um den verfügbaren Platz gleichmäßig auf alle Registerkarten zu verteilen oder um eine feste Breite festzulegen. Eine gleichmäßige Verteilung wird nur unterstützt, wenn die Registerkarten horizontal angezeigt werden.