Création de bouton type "toggle"

[Synfactory]

Salut,
je souhaiterai créer un bouton de type "toggle". Par exemple une ouverture<>fermeture d'un empilement en cliquant sur celui-ci. Vous auriez des pistes svp?

Merci

[JeremieDENAEGEL]

Bonjour,

J'utilise cet acteur dans ma scène des défauts systèmes :

SYNAPPS-STUDIO-ACTOR|{"type":"input/button","key":"button-ModuleWIT-ARM-1","properties":{"content":"<i class=\"icon-{{icon}}\"></i>","textAlign":"center","backgroundColor":"transparent","color":"white","borderWidth":"0px","mode":"secondary","toolTip":"Afficher/Cacher la liste des modules WIT","verticalAlignment":"middle","horizontalAlignment":"right","width":"5vmin","height":"5vmin"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"AfficherModule":{"type":"boolean","label":"Afficher modules WIT"},"ETAT1":{"type":"icon","label":"OUI"},"ETAT0":{"type":"icon","label":"NON"}},"additionals":{"icon":"chevron-right","text":" ","ETAT1":"chevron-down","ETAT0":"chevron-right"},"events":{"onClick":["if (this.additionals.AfficherModule == 1){","  this.additionals.AfficherModule = 0;","} else {","  this.additionals.AfficherModule = 1;","}"],"onPropertyChanged":["if (this.additionals.AfficherModule == 1){","  this.additionals.icon = this.additionals.ETAT1;","} else {","  this.additionals.icon = this.additionals.ETAT0;","}"]}}

Il te reste ensuite à lier la propriété visible des acteurs à cacher ou pas avec l'additionnel qui affiche ;)

PS: il y a d'autres solutions possibles (bouton interrupteur, image interrupteur, acteur html si tu veux faire un petit design personnalisé, ...) mais le principe avec la propriété visible des acteurs à cacher reste le même je pense ;)