Navigation

ThemeWare® Handbuch

Konfiguration

Basiskonfiguration


Darstellungsart

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Navigation (Standard)
• Buttons

Beispiel Wert:
Navigation (Standard)

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Basiskonfiguration"

Technischer Name:
twt-pagination-style

Navigation
Standard-Darstellung mit zusammengefassten Buttons.

Buttons
Darstellung mit sepraten Buttons.

Farbkonfiguration


Textfarbe

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-primary

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-color


Rahmenfarbe

Feldtyp:
Farbauswahl

Beispiel Wert:
#bcc1c7

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-border-color


Hintergrundfarbe

Feldtyp:
Farbauswahl

Beispiel Wert:
#ffffff

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-background-color


Textfarbe @hover

Feldtyp:
Farbauswahl

Beispiel Wert:
darken($sw-color-brand-primary, 15%)

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-hover-color


Rahmenfarbe @hover

Feldtyp:
Farbauswahl

Beispiel Wert:
#bcc1c7

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-hover-border-color


Hintergrundfarbe @hover

Feldtyp:
Farbauswahl

Beispiel Wert:
#eeeeee

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-hover-background-color


Textfarbe @active

Feldtyp:
Farbauswahl

Beispiel Wert:
#ffffff

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-active-color


Rahmenfarbe @active

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-primary

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-active-border-color


Hintergrundfarbe @active

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-primary

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-active-background-color


Textfarbe @disabled

Feldtyp:
Farbauswahl

Beispiel Wert:
#798490

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-disabled-color


Rahmenfarbe @disabled

Feldtyp:
Farbauswahl

Beispiel Wert:
#bcc1c7

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-disabled-border-color


Hintergrundfarbe @disabled

Feldtyp:
Farbauswahl

Beispiel Wert:
#eeeeee

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-pagination-disabled-background-color

Darstellungsart "Navigation"


Ecken

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• nicht abgerundet
• abgerundete Ecken (Standard)
• runde Ecken

Beispiel Wert:
abgerundete Ecken (Standard)

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Darstellungsart: Navigation"

Technischer Name:
twt-pagination-corner-type

abgerundete Ecken
Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken
Verwendet einen vordefinierten Radius für runde Ecken.

Darstellungsart "Buttons"


Ecken

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• nicht abgerundet
• abgerundete Ecken
• runde Ecken
• Pill

Beispiel Wert:
abgerundete Ecken

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Darstellungsart: Buttons"

Technischer Name:
twt-pagination-buttons-corner-type

abgerundete Ecken
Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken
Verwendet einen vordefinierten Radius für runde Ecken.

Zuletzt aktualisiert am

Diese Seite im Netz: https://doku.themeware.design/handbuch/inhalt/paginierung/konfiguration · ThemeWare® Service Portal, service.themeware.design