Skip to main content
Panneau de configuration des conditions affichant les règles de condition

Présentation

Les Conditions vous permettent d’afficher ou de masquer des composants en fonction des valeurs de données au moment du rendu. Utilisez les Conditions pour créer des templates personnalisés qui s’adaptent au contexte de chaque utilisateur — par exemple, afficher une image différente selon une catégorie de produit ou masquer une section lorsqu’un champ est vide.

Fonctionnement des Conditions

Une Condition est attachée à un composant ou un groupe dans l’arborescence des calques. Lorsque le Content est rendu :
  1. La plateforme évalue chaque Condition par rapport aux données résolues.
  2. Si une Condition est remplie, le composant est affiché dans l’état de cette Condition.
  3. Si aucune Condition n’est remplie, l’état par défaut est affiché.

Groupes de Conditions

Un groupe de Conditions est un conteneur nommé pour une ou plusieurs règles de condition sur un composant. Chaque règle définit un test basé sur les données (par exemple, « catégorie de produit égale Chaussures »).

Créer des Conditions

1

Sélectionner un composant ou un groupe

Cliquez sur le composant dans l’arborescence des calques ou sur le canvas.
2

Ajouter une condition

Dans l’arborescence des calques, faites un clic droit sur le composant et sélectionnez Add condition, ou utilisez l’action de condition dans le panneau de configuration.
3

Configurer la règle de condition

Définissez le test sur les données en sélectionnant une variable de Datasource et un opérateur de comparaison.
4

Concevoir chaque état de condition

Basculez entre les états de condition à l’aide du menu déroulant dans l’arborescence des calques. Personnalisez l’apparence du composant pour chaque état.

Option d’affichage masqué

Vous pouvez activer Display none if condition is false pour masquer complètement le composant lorsqu’aucune condition n’est remplie, au lieu d’afficher un état par défaut.
Appliquez des Conditions aux groupes pour contrôler la visibilité de plusieurs composants à la fois.

Prévisualisation des Conditions

Utilisez le menu déroulant des états de condition dans l’arborescence des calques pour prévisualiser chaque état sur le canvas. Le menu déroulant affiche :
  • Condition 1, Condition 2, etc. — chaque état de condition nommé.
  • default — l’état de repli.