Le composant Zone interactive
Le composant Zone interactive est un objet transparent que vous pouvez placer où vous voulez dans votre interface pour déclencher une action. Il vous sera utile pour agrandir la zone sensible, pour ajouter une zone de clic en plein écran, pour placer au-dessus d'une image et mille autres usages.
Insérer une zone interactive
Cliquez sur Composants et insérez la Zone interactive. Déplacez la zone et modifiez sa taille.
Le composant Zone interactive est de forme rectangulaire ou carrée. Pour avoir une forme sur-mesure, nous vous invitons à créer et importer une forme vectorielle sur-mesure transparente.
Déclencher une action
Votre zone interactive n'a pas d'autre but de déclencher une action. Sélectionnez votre composant et rendez-vous dans l'onglet Actions. Cliquez sur le bouton +, choisissez votre déclencheur et ajoutez l'action de votre choix.
💡 Note : la zone interactive associée à une action prend le dessus par rapport à tout autre objet qui n’a pas d'action. Si vous placez la zone interactive en plein écran au-dessus d'un autre objet déclencheur, celui n’est alors actif que dans son périmètre et la zone interactive reste accessible partout ailleurs.
💡 Pour ouvrir une pop-up, nul besoin d'ajouter une zone interactive. Le composant Pop-up inclut automatiquement une zone de clic transparente.