Pour mettre en place un multivisuel sur un single element, on utilise la fonctionnalité des champs cachés combinée aux conditions d’affichage.
Initialisation
On commence par afficher un champ caché, auquel on attribue un nom de variable et une valeur par défaut (par exemple
step = 1).
Affichage conditionnel
Chaque bloc (étape) que l’on souhaite afficher est conditionné en fonction de la valeur de cette variable.
Par exemple :
si
field:step = 1, on affiche le bloc de l’étape 1,si
field:step = 2, on affiche le bloc de l’étape 2, etc.
Navigation entre étapes
Dans chaque bloc, on insère un bouton permettant de passer à l’étape suivante.
Techniquement, chaque bouton incrémente la variable (
step = step + 1).Ainsi, l’affichage s’adapte automatiquement en fonction de la nouvelle valeur.
Cette logique permet donc de recréer un fonctionnement multi-step au sein d’un seul élément.