Paginierung

Farben

Die Paginierung des Listings hat neben den üblichen Farben auch Farben für die verschiedenen Status: :hover, :active und :disabled.

Tipp: Die Werte der Felder können SCSS-Funktionen sein:

hsl(hue($sw-border-color), saturation($sw-border-color), 89%)

Hier wird die Farbe per hsl-Format definiert. Der Farbwinkel und Sättigung der Rahmenfarbe werden mit einer Helligkeit von 89% kombiniert.

Grundeinstellungen

Das Aussehen (1) der Paginierung ist als Pills und Standard darstellbar. Elemente, die als Pills definiert sind, haben einen Abstand zueinander.

Die Option Disabled-Buttons ausblenden (3) blendet die überflüssigen Button aus, da diese ohnehin nicht klickbar sind. Befindet man sich beispielsweise auf Seite 1, sind die Buttons für "erste Seite" und "Seite vor" überflüssig.

Beispiele:

Pills rund
Standard
Pills eckig
Disabled-Button ausgeblendet

Die Abrundungen der Pills ergeben sich aus dem eingestellten Button-Radius aus dem Tab der Allgemein-Einstellungen. Für runde Pill müssen Buttons rund eingestellt sein.

Last updated

Was this helpful?