Carousel-Widget
- Last UpdatedSep 26, 2024
- 1 minute read
Mit einem Carousel-Widget können Sie wie mit einem Karussell durch Elemente wie Bilder oder Textfolien blättern, ohne Eingaben vornehmen zu müssen. Dieses Widget kann verwendet werden, um Dashboards, Warnungen oder Alarminformationen auf großen Monitoren im Werksbereich anzuzeigen.
Hinweis: Die Anzeige von Client-Steuerelementen (Alarm Client-Steuerelement und Trend Client-Steuerelement) im Carousel-Widget wird im Window Viewer und Web Client nicht unterstützt.
Eigenschaften
Zusätzlich zu den Standard-Grafikeigenschaften können Sie unter Widget-Eigenschaften auch spezifische Eigenschaften für das Widget konfigurieren.
|
Name |
Beschreibung |
Standard |
|---|---|---|
|
Automatische Wiedergabe |
Wenn die Autoplay-Eigenschaft auf true gesetzt ist, wird das Carousel-Widget beim Laden automatisch gestartet. Wenn sie auf false gesetzt ist, muss der Benutzer das nächste Element auswählen, um das Karussell zu starten. |
Wahr |
|
BackgroundColor |
Legt die Hintergrundfarbe für das Widget fest. Den Farbwert in RGB, HTML-Code (#FF0000) oder gültigem HTML-Farbname angeben. |
Weiß |
|
graphicName |
Eine durch Kommas getrennte Liste von Grafiken, die das Karussell zur Laufzeit anzeigt. |
Leer |
|
Intervall |
Die Zeitverzögerung (in Millisekunden) zwischen dem automatischen Durchlaufen eines Elements. |
5000 |
|
Tastatur |
Wenn die Eigenschaft Keyboard auf true gesetzt ist, reagiert das Karussell auf Tastatureingaben. |
Wahr |
|
Loop |
Wenn die Eigenschaft Loop auf true gesetzt ist, durchläuft das Karussell die Grafiken fortlaufend, andernfalls wird es nach einem einzelnen Zyklus angehalten. |
Wahr |
|
Pause |
Wenn die Eigenschaft Pause auf true gesetzt ist, unterbricht das Karussell das Durchlaufen der Grafiken, wenn das Schweben des Mauszeigers oder ein Aufsetzereignis erkannt wird. Die Grafiken laufen weiter durch, sobald die Maus wegbewegt wird. |
Wahr |
Das Carousel-Widget basiert auf der Carousel-Komponente von Bootstrap 4.0. Weitere Informationen zu Bootstrap finden Sie hier: https://getbootstrap.com/docs/4.0/components/carousel/