Die Association Pro -Komponente ermöglicht es, alternative Sprachversionen einer Seite flexibel an einer beliebigen Position im Layout anzuzeigen. Nutzer können zwischen Flaggen, Buttons oder einer Schaltflächengruppe wählen, um den Sprachwechsel intuitiv und ansprechend zu gestalten.

Grundlegende Einstellungen

Veröffentlichungsdatumseinstellungen

Legen Sie das Start- und Endveröffentlichungsdatum fest. Dadurch wird die ui/Theme-Builder-Komponente nur für den angegebenen Zeitraum veröffentlicht. Wenn Sie sowohl das Start- als auch das Endveröffentlichungsdatum verwenden, wird die ui/Theme-Builder-Komponente nur zwischen dem Anfangsdatum und dem Enddatum angezeigt.

Startveröffentlichung

Wenn Sie nur das Startveröffentlichungsdatum festlegen und nicht das Endveröffentlichungsdatum, wird Joomla! die ui/Theme-Builder-Komponente ab dem angegebenen Startdatum anzeigen, ohne die Anzeige jemals zu beenden.

Endveröffentlichung

Wenn Sie nur das Endveröffentlichungsdatum festlegen und nicht das Startveröffentlichungsdatum, zeigt Joomla! die ui/Theme-Builder-Komponente an, sobald sie aktiviert wurde, und hört auf, die Komponente anzuzeigen, sobald das Enddatum erreicht ist.

Bezeichnung/ Label

Definieren Sie einen Namen, um dieses Element innerhalb des Theme-Builders leicht zu identifizieren.

Position

Positionieren Sie die Komponente im normalen Inhaltsfluss, jedoch mit einem Versatz relativ zu sich selbst.

Links

Wenn position: relative; - setzt die left-Eigenschaft den linken Rand eines Elements auf eine Einheit nach links/rechts von seiner normalen Position.
Wenn position: absolute; - setzt die left-Eigenschaft den linken Rand eines Elements auf eine Einheit links vom linken Rand des nächsten positionierten Vorfahren. (z.B. 20% oder 50px ...)

Rechts

Wenn position: relative; - setzt die right-Eigenschaft den rechten Rand eines Elements auf eine Einheit nach links/rechts von seiner normalen Position.
Wenn position: absolute; - setzt die right-Eigenschaft den rechten Rand eines Elements auf eine Einheit rechts vom rechten Rand des nächsten positionierten Vorfahren. (z.B. -20% oder 50px ...)

Oben

Wenn position: relative; - bewirkt die top-Eigenschaft, dass der obere Rand des Elements über/seine normale Position verschoben wird.
Wenn position: absolute; - setzt die top-Eigenschaft den oberen Rand eines Elements auf eine Einheit über/unter dem oberen Rand des nächsten positionierten Vorfahren. (z.B. -20% oder 50px ...)

Unten

Wenn position: relative; - bewirkt die bottom-Eigenschaft, dass der untere Rand des Elements über/seine normale Position verschoben wird.
Wenn position: absolute; - setzt die bottom-Eigenschaft den unteren Rand eines Elements auf eine Einheit über/unter dem unteren Rand des nächsten positionierten Vorfahren. (z.B. 10% oder 50px ...)

z-index

Die z-index-Eigenschaft gibt die Stapelreihenfolge eines Elements an. Der z-index funktioniert nur bei positionierten Elementen (position: absolute, position: relative).

Anzeigen

Wählen Sie eine der folgenden Optionen, um das Element auf Bildschirmen größer als die angegebene Breite anzuzeigen.

Versteckt

Wählen Sie eine der folgenden Optionen, um das Element auf Bildschirmen größer als eine bestimmte Breite auszublenden.

Klasse

Definieren Sie einen oder mehrere Klassennamen für das Element. Trennen Sie mehrere Klassen mit Leerzeichen.

ID

ID-Selektor für das Element.

Stileinstellungen

Addon Padding

Wählen Sie ein Padding für die Komponente.

Layout

Wählen Sie ein Layout. (Layouts: Flaggen, Schaltfläche oder Schaltflächen Gruppe)

Animationseinstellungen

Scrollspy-Animation

Die Scrollspy-Komponente überwacht das Scrollen der Seite und löst Ereignisse basierend auf der Scrollposition aus. Zum Beispiel, wenn Sie auf einer Seite nach unten scrollen und ein Element zum ersten Mal im Sichtfeld erscheint, können Sie eine sanfte Animation auslösen, um das Element einzublenden.