Tabs einrichten
Jede Zeile im Grid mit dem Key tabs wird zu einem Tab in der unteren Navigationsleiste der App.
Die Felder
| Feld-Key | Feldtyp | Pflicht | Beschreibung |
|---|---|---|---|
title | Text | ja | Beschriftung des Tabs |
icon | Anhang (SVG) | ja | Icon des Tabs |
type | Text / Einzelauswahl | ja | TilesGrid, CardList oder WebView |
gridUri | Interne Verknüpfung | bei TilesGrid und CardList | Verweis auf das Grid mit den Inhalten |
uri | Weblink | bei WebView | Adresse, die im Tab angezeigt wird |
Einzelauswahl statt Freitext für type
Legen Sie type als Einzelauswahl mit genau den drei Werten an. Das verhindert Tippfehler — ein Tab mit dem Wert Tilesgrid statt TilesGrid wird stillschweigend übersprungen.
Die drei Tab-Typen
| Typ | Zeigt | Braucht |
|---|---|---|
TilesGrid | ein Raster aus Kacheln | gridUri |
CardList | eine Liste aus Karten | gridUri |
WebView | eine eingebettete Webseite | uri |
TilesGrid und CardList beziehen ihre Inhalte aus einem verknüpften Grid — je eine Zeile pro Kachel bzw. Karte.
WebView-Tab
Ein Tab vom Typ WebView bettet eine Webseite direkt in die App ein. Statt einer Grid-Verknüpfung tragen Sie im Feld uri die gewünschte Adresse ein — etwa Ihr Intranet, einen Schichtplan oder ein externes Portal.
Nicht jede Seite lässt sich einbetten
Manche Websites verbieten die Anzeige in eingebetteten Ansichten. Der Tab bleibt dann leer. Prüfen Sie jede Adresse in der App, bevor Sie den Tab an die Belegschaft ausrollen.
Icons
Tab-Icons müssen SVG-Dateien sein. Die App färbt sie in Ihrer Primärfarbe ein — verwenden Sie deshalb einfarbige SVGs ohne eigene Farbflächen.
Die Navigationsleiste erscheint erst ab zwei Tabs
Ein einzelner Tab bekommt keine Leiste
Die untere Navigationsleiste wird erst ab zwei gültigen Tabs angezeigt. Bei genau einem Tab füllt dessen Inhalt den Bildschirm — das ist beabsichtigt und kein Fehler.
Zeilen mit Lücken werden übersprungen
Fehlt einer Zeile ein Pflichtfeld, überspringt die App sie — ohne Meldung.
Tab vorübergehend ausblenden
Das lässt sich nutzen: Leeren Sie den Titel einer Zeile, verschwindet der Tab aus der App, ohne dass Sie die Zeile und ihre Konfiguration löschen müssen. Zum Wiedereinblenden tragen Sie den Titel erneut ein.
Sauberer ist der Weg über eine gefilterte Ansicht als tabs-Grid — dort steuern Sie die Sichtbarkeit über ein eigenes Häkchenfeld, ohne Daten zu leeren.