Definiert Fortschrittsbalken, die anzeigen, wie weit ein Prozess fortgeschritten ist.

Grundeinstellungen

Datumsveröffentlichungseinstellungen

Setzen Sie die Start- und Endveröffentlichungsdaten. Dies sorgt dafür, dass die ui/Theme-Builder - Komponente nur für den angegebenen Zeitraum veröffentlicht wird. Wenn Sie sowohl den Start- als auch den Endveröffentlichungstermin verwenden, wird die ui/Theme-Builder - Komponente nur zwischen dem Anfangsdatum und dem Enddatum angezeigt.

Startveröffentlichung

Wenn Sie nur die Startveröffentlichung und nicht die Endveröffentlichung festlegen, beginnt Joomla! mit der Anzeige der ui/Theme-Builder - Komponente am angegebenen Anfangsdatum, aber die Komponente wird nie aufhören, angezeigt zu werden.

Endveröffentlichung

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

Bezeichnung

Definieren Sie einen Namen, um dieses Element im Theme-Builder leicht zu identifizieren.

Position

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

Links

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

Rechts

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

Oben

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

Unten

Bei position: relative; - sorgt die bottom-Eigenschaft dafür, dass der untere Rand des Elements über/seine normale Position hinaus verschoben wird.
Bei position: absolute; - legt die bottom-Eigenschaft den unteren Rand eines Elements auf eine Einheit über/unter dem unteren Rand seines nächsten positionierten Vorfahren fest. (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).

Zeigen

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

Versteckt

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

Klasse

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

ID

ID-Selektor für das Element.

Titels Einstellungen

Titel anzeigen

Wenn auf 'Ja' gesetzt, wird diese Option den Komponententitel im Frontend aktivieren.

Titel

Geben Sie den Text ein, der als Komponententitel verwendet wird.

Titel HTML-Tag

Wählen Sie ein HTML-Tag für den Titel aus.

Schriftgröße

Setzen Sie die Schriftgröße für den Titel in diesem Selektor.

Schriftstärke

Legen Sie das Schriftstärke des Titels für diesen Selektor fest.

Titel Stil

Wählen Sie einen Titel-Stil-Modifier aus.

Titel Farbe

Wählen Sie eine Titel-Farbe aus.

Stileinstellungen

Addon Abstand

Wählen Sie ein Außen Abstand für die Komponente.

Animationseinstellungen

Scrollspy-Animation

Die Scrollspy-Komponente hört auf das Scrollen der Seite und löst Ereignisse basierend auf der Scrollposition aus. Wenn Sie beispielsweise eine Seite nach unten scrollen und ein Element zum ersten Mal im Ansichtsbereich erscheint, können Sie eine sanfte Animation auslösen, um das Element einblenden zu lassen.

Box-Parallax-Animation verwenden?

Ja oder Nein. (Mehr erfahren)

Elementeinstellungen

Listen-Elemente

Fügen Sie Fortschrittsbalken-Elemente hinzu oder entfernen Sie sie.