Oracle APEX · · 3 Min.

Iris und neue Dashboard-Bausteine

Wie Universal Theme 26.1 mit Metric Cards und Flexbox moderne Oberflächen ohne CSS-Sonderbau unterstützt.

Oracle APEX 26.1 bringt nicht nur AI-Funktionen, sondern auch ein spürbares Update für die tägliche UI-Arbeit. Universal Theme erhält mit Iris einen neuen Theme Style, dazu kommen Metric Cards, ein Flexbox Container und weitere Template-Verbesserungen. Das Ziel ist klar: Dashboards und Arbeitsoberflächen sollen moderner werden, ohne dass jedes Projekt eigene CSS- und JavaScript-Sonderlösungen pflegen muss.

Einordnung: Theme-Updates ändern die Darstellung einer Anwendung. Testen Sie deshalb bestehende Custom Theme Styles, Template Overrides und globale CSS-Regeln zuerst in einer Kopie, bevor Sie den Theme Refresh produktiv ausführen.

1. Iris als upgrade-fähige Designbasis

Iris verbindet Elemente der kompakten Vita-Familie mit einer moderneren Oracle-Optik. Neben vordefinierten Pillar-Farben kann ein eigenes Farbschema über den Theme Roller erstellt werden. Auch die Schriftwahl lässt sich stärker an das gewünschte Erscheinungsbild anpassen, ohne die Theme-Struktur zu verlassen.

Für ein Upgrade ist wichtig: Iris erscheint nach einem Theme Refresh. Anwendungen mit eigenen Theme Styles müssen den Style anschließend im Theme Roller prüfen, gegebenenfalls neu speichern und wieder als aktuell setzen. Dokumentieren Sie vorab die bisherigen Farben, Abstände und Navigationseinstellungen, damit Abweichungen nach dem Refresh schnell auffallen.

2. Metric Cards für Kennzahlen

Metric Cards sind eine neue Theme-Komponente für KPIs und kompakte Zusammenfassungen. Eine Karte kann Titel, Kennzahl, Zusatzinformation, Avatar und Badge aufnehmen. Dadurch werden typische KPI-Kacheln deklarativ aufgebaut, anstatt wiederholt eigenes HTML in Classic Reports oder Cards zu verschachteln.

Die Datenquelle sollte bereits eine klare Zeile pro Kennzahl liefern. Benennen Sie Spalten verständlich und formatieren Sie Zahlen passend zur fachlichen Bedeutung. Eine Karte für „Offene Vorgänge“ braucht beispielsweise eine stabile Aggregation und einen definierten Zeitraum – nicht nur einen optisch großen Wert ohne Kontext.

3. Flexbox Container statt Layout-Hacks

Der Flexbox Container hilft, Regionen in einem Dashboard deklarativ auszurichten. Richtung, Umbruch, Ausrichtung, Abstände und Größenverhalten können als Eigenschaften gesetzt werden. Besonders praktisch ist das bei nebeneinanderliegenden Regionen mit unterschiedlich viel Inhalt, deren Höhen bisher häufig mit festen CSS-Werten angeglichen wurden.

Starten Sie mit einer kleinen KPI-Zeile: Metric Cards in einen Flexbox Container legen, auf verschiedenen Bildschirmbreiten testen und erst danach komplexere Form- oder Reportbereiche ergänzen. Prüfen Sie dabei auch lange Überschriften, leere Zustände und die Tastaturbedienung. Flexibles Layout ist nur dann erfolgreich, wenn es auch bei realen Daten stabil bleibt.

4. Sicherer Einführungsplan

  1. Theme und Custom Styles exportieren und eine visuelle Referenz der wichtigsten Seiten sichern.
  2. Universal Theme aktualisieren und Iris zunächst in einer Testanwendung aktivieren.
  3. Bestehende CSS-Overrides, Template-Anpassungen und Navigation auf Regressionen prüfen.
  4. Eine KPI-Seite mit Metric Cards und Flexbox neu aufbauen und gegen die bisherige Variante vergleichen.
  5. Desktop, Tablet, Mobile, leere Ergebnisse und Barrierefreiheit testen, bevor der neue Style ausgerollt wird.
Praxisregel: Verwenden Sie Theme-Komponenten für Struktur und Layout und reservieren Sie eigenes CSS für echte Markenanforderungen. So bleibt die Anwendung näher am Upgrade-Pfad von Universal Theme.

Fazit

Universal Theme 26.1 verschiebt viele typische Dashboard-Anpassungen zurück in die deklarative APEX-Konfiguration. Iris liefert eine modernere Designbasis, Metric Cards vereinfachen KPI-Seiten und Flexbox Container reduzieren fragile Layout-Regeln. Wer Theme Refresh, Regressionstests und eigene Overrides sauber plant, erhält eine deutlich wartbarere UI-Grundlage.

Weiterführend: Oracle: Universal Theme und Iris, die Dokumentation zu Theme Styles und die APEX-26.1-Release-Notes.