Best-Practices beim Kachelbau

Hintergrundfarbe von Infoboards

2026.3

Infoboards hatten eine weiße Hintergrundfarbe. Dieses Weiß war aber geringfügig anders als bspw. das verwendete Weiß von Karten. Um Farbunterschiede zu vermeiden, ist ab Version 2026.3 die Hintergrundfarbe des Infoboards transparent, d.h. dahinterliegende Elemente wie bspw. Karten bestimmen die Hintergrundfarbe. Sollten bspw. Infoboards verwendet worden sein, die nicht auf Karten lagen, verändert sich die Farbe von weiß zu grau. Ein Hinterlegen einer Karte im Hintergrund hinter dem Infoboard löst den Umstand der Farbänderung.

Darstellung von vorgefilterten Suchergebnissen in Kacheln

Bei der Kachelentwicklung kann hart codiert vorgeben werden, wie initial sortiert/vorgefiltert Suchergebnisse in Kacheln dargestellt werden.

In der Kachelkomponente "Content" findet man jetzt den Aufruf des neuen FilterSorterStateBuilder. Mittels ... 

• ... addSorter(field: string, order: SortOrder) lassen sich Standard-Sortierreihenfolgen definieren

  • ... addTagFilter(field: string: values: Record<string, boolean>, expanded?: boolean) lassen sich Tag-Filter vordefinieren

    • values ist dabei ein JSON-Object zwischen dem Wert (bei Lookups des PKs) und einem boolean-Flag --> true = Wert inkludieren | false = Wert exkludieren

    • expanded steuert ob der Tag-Filter automatisch "aufgeklappt" sein soll, falls es mehr als 5 mögliche Werte gibt

  • ... addAutoCompleteFilter(field: string, values: string[]) lassen sich AutoComplete-Filter vordefinieren

    • values ist dabei ein String-Array mit den vorselektierten Werten (bei Lookups die PKs)

• Das Ergebnis des build()-Aufrufs kann dann an den EntryFilterSorter als defaultState übergeben werden

Änderungen am defaultState greifen nur für neue Instanzen der Kachel. Bestehende Kachelinstanzen wurden ja bereits mit dem defaultState initialisiert und haben diesen persistiert.

Siehe auch…

→ https://css-tricks.com/snippets/css/a-guide-to-flexbox/