Créer un slider

Un slider est un mode de tableau de bord permettant de visualiser plusieurs pages les unes après les autres sous forme de carrousel. Ce mode est particulièrement adapté pour l'affichage sur écrans de supervision ou en mode présentation.

Créer un slider

Pour créer un slider :

1. Dans l'App Builder, cliquez sur le bouton Ajouter
2. Dans le menu déroulant, sélectionnez Nouveau slider
3. Le slider apparaît dans le listing des éléments

---

Ajouter des pages au slider

Les pages sont ajoutées au slider par glisser-déposer :

1. Sélectionnez une page existante dans le listing
2. Glissez-la sur le slider
3. La page devient une sous-page du slider et s'affiche avec un retrait dans le menu

Les pages ajoutées au slider sont appelées des "slides" et seront affichées successivement lors de l'exécution.

---

Configurer le slider

Le slider dispose de plusieurs options de configuration accessibles depuis son panneau de paramètres.

Transitions automatiques

Activez le défilement automatique pour que le slider passe automatiquement d'une page à l'autre.

• Transitions automatiques : Cochez cette option pour activer le défilement automatique
• Intervalle : Définissez le temps d'affichage de chaque page (en secondes, minimum 1 seconde)

astuce

Si la transition automatique n'est pas activée, vous pourrez changer de page manuellement via les contrôles ou les touches du clavier.

Affichage des contrôles

• Afficher les contrôles : Cochez cette option pour afficher les boutons de navigation sur le slider

Les contrôles comprennent :

• Précédent : Revenir à la page précédente
• Pause/Play : Mettre en pause ou relancer le défilement automatique (visible uniquement si les transitions automatiques sont activées)
• Suivant : Passer à la page suivante

astuce

Si les contrôles ne sont pas affichés, vous pouvez toujours naviguer avec les touches fléchées du clavier.

Affichage du temps restant

• Afficher le temps restant avant transition : Cochez cette option pour afficher une barre de progression indiquant le temps restant avant le passage à la page suivante

Cette option n'est disponible que si les transitions automatiques sont activées.

---

Configurer les sous-pages

Chaque sous-page du slider peut avoir sa propre durée d'affichage :

1. Sélectionnez une sous-page du slider
2. Dans les paramètres, trouvez la section Durée d'affichage
3. Par défaut, l'option Automatique est cochée : la page utilise la durée définie pour l'ensemble du slider
4. Décochez Automatique pour définir une durée personnalisée (en secondes, minimum 1 seconde)

astuce

Personnaliser la durée d'affichage permet d'accorder plus de temps aux pages contenant plus d'informations.

---

Utilisation en exploitation

Accès via lien public

Lorsque vous accédez à un slider via un lien public (Public Link), il s'ouvre automatiquement en mode plein écran, masquant le menu de navigation de l'application.

Navigation dans le slider

Le slider offre plusieurs modes de navigation :

Mode	Description
Défilement automatique	Les pages défilent automatiquement selon l'intervalle configuré
Contrôles visuels	Utilisez les boutons précédent/suivant pour naviguer
Clavier	Utilisez les touches fléchées pour passer d'une page à l'autre

Comportement du slider

• Le slider boucle à l'infini : après la dernière page, il revient automatiquement à la première
• La transition s'effectue de gauche à droite
• Mettre un widget en plein écran met automatiquement en pause le défilement automatique