Accordéon

Description

L'Accordéon (accordion) est un composant de structure repliable. Il possède deux zones : un titre toujours visible et un contenu qui se déplie/replie au clic.

Les accordéons peuvent être groupés par vt_GroupName pour que l'ouverture d'un accordéon ferme automatiquement les autres du même groupe.

PropriétéChamp techniqueTypeDescription
Répétervb_RepeatcheckboxActive la boucle forEach
Nom du groupevt_GroupNametextGroupe d'accordéons (un seul ouvert à la fois)
Type de collapsevt_CollapseTypeselectarrow (flèche) ou plus (signe +)

Paramètres

Répéter

Champ technique : vb_Repeat (type checkbox)

Active le mode boucle forEach. L'accordéon complet (titre + contenu) est dupliqué pour chaque entité de l'entity selection. Utile pour des FAQ dynamiques ou des listes dépliables générées depuis la base de données.

L'accordéon ne supporte pas d'événement on-click direct. Pour déclencher des actions, placez un bouton ou un lien dans la zone titre ou contenu de l'accordéon.

Les fonctions renderFunction utiles pour manipuler un accordéon depuis d'autres blocs :

  • openAccordion — Ouvre l'accordéon ciblé
  • closeAccordion — Ferme l'accordéon ciblé

Nom de la variable

Section Affichage conditionnel

Comme tous les objets BWEB, l'accordéon supporte l'affichage conditionnel avec les champs linked, effect, userRightNeeded, conditionalDisplay et effectForConditionalDisplay. Voir la documentation du Conteneur pour le détail de ces propriétés.

Nom du groupe

Champ technique : vt_GroupName (type text)

Définit le nom du groupe d'accordéons. Tous les accordéons partageant le même nom de groupe fonctionnent en mode exclusif : ouvrir l'un ferme automatiquement les autres du groupe. Si vide, l'accordéon fonctionne indépendamment.

Symbole

Champ technique : vt_CollapseType (type select)

Définit le symbole visuel indiquant l'état de l'accordéon :

  • arrow — Flèche rotative (▶ fermé / ▼ ouvert)
  • plus — Signe plus/moins (+ fermé / − ouvert)

Mise en page