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.

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH