Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

Widget du carrousel

  • Last UpdatedSep 24, 2024
  • 2 minute read

Un widget de carrousel permet de faire un cycle sur des éléments —images ou présentations de texte—, sans autre interaction. Ce widget peut afficher des tableaux de bord, des alertes ou des informations d'alarmes sur de grands moniteurs sur le site de l'usine.

Remarque : l’affichage du contrôle client (Contrôle client d’alarmes et Contrôle client de courbe) dans le widget du Carousel n’est pas pris en charge dans Window Viewer et le client Web.

Propriétés

En plus des propriétés standard des graphiques, vous pouvez également configurer des propriétés spécifiques du widget, sous Propriétés du Widget.

Nom

Description

Par défaut

Autoplay

Si la propriété Autoplay est définie à True, le widget carrousel s'exécute automatiquement au chargement. Si elle est définie à False, l'utilisateur doit sélectionner l'élément suivant pour lancer le carrousel.

True

BackgroundColor

Définit la couleur d'arrière-plan du widget. Spécifie la couleur par une valeur RGB, un code HTML (#FF0000) ou un nom de couleur HTML valide.

White

GraphicNames

Une liste séparée par des virgules des graphiques que le carrousel affiche pendant son exécution.

Vide

Non-répétition

Le délai temporel (en millisecondes) automatique entre deux images affichées.

5000

Keyboard

Si la propriété Keyboard est définie à True, le carrousel réagira aux actions sur le clavier.

True

Loop

Si la propriété Loop est True, le carrousel boucle sur les graphiques de façon continue, autrement il s'arrête après un seul cycle.

True

Pause

Si la propriété Pause est True, le carrousel se met en pause au survol de la souris ou en enfonçant une touche. Le cycle de graphiques reprend au retrait de la souris.

True

Le widget du carrousel repose sur le composant Bootstrap 4.0 Carousel. Pour plus d’informations sur bootstrap, visitez :https://getbootstrap.com/docs/4.0/components/carousel/