Tab Panel (Registerkarten)
Registerkarten dienen dazu, Informationen und Eingabefelder einer Erfassungsmaske auf mehreren hintereinander liegenden Dialogfeldern anzuordnen. Dabei befindet sich immer ein Dialogfeld im Vordergrund. Durch Anklicken des entsprechenden Reiters wird eine andere Registerkarte in den Vordergrund geholt, wobei die Informationen und ggf. getätigten Einstellungen auf den vorher genutzten Registerkarten bestehen bleiben.
Reiter lassen sich entweder über die Einstellungen hinzufügen oder entfernen (s.
und
Symbole rechts im Bild), oder direkt via Drag & Drop oder den Elementbaum.
Alle direkten Kindelemente eines Tabpanels werden als Tabs "behandelt". Tabs können dabei auch weitere Tabpanels enthalten. Die Labels dieser Elemente definieren dabei die Beschriftungen der Tabreiter.
Tab Icons
In der Eigenschaftenrubrik "Allgemein" kann ein Tabreiter Icon definiert werden.
Besonderheit CSS Klasse
Wird für einen Tab-Reiter eine CSS Klasse aktiviert (Layoutsektion CSS Klasse oder Aktion CSS-Klasse), so wird diese CSS Klasse sowohl auf den Inhaltcontainer als auch auf den Tabkopf gesetzt.
Daher sind in der Regel spezifischere CSS Selektoren zum getrennten Gestalten des Kopfes und des Inhalts nötig.
Beispiel CSS Klasse "myCssClass":
Die Abbildung macht deutlich, dass sowohl der Kopf als auch der Inhaltcontainer der ausgewählten Registerkarte die CSS Klasse "myCssClass" erhalten haben.