États

Chaque section Artemis a une panoplie d'états possibles, qui sont par défaut désactivés pour une nouvelle section. Voici les états possibles:

• ✅ Sélectionné: la section Artemis est sélectionnée ;
• 🚧 Survolé: la section Artemis est survolée par un pointeur ;
• 🚧 Cliqué: un pointeur est en train de cliquer sur la section Artemis ;
• 🚧 Focusé: la section Artemis possède le focus (le focus est ce qui change quand presse sur la touche TAB) ;
• 🚧 Désactivé: la section Artemis est désactivée, ce qui empêche toute interaction ;
• 🚧 Déplacé: la section Artemis est en train d'être déplacée par un pointeur ; et
• 🚧 En erreur: la section Artemis est dans un état invalide.

Actuellement, le seul état disponible pour une section Artemis est sélectionné. Les autres états seront ajoutés ultérieurement dans des mises à jour futures d'AppFlow.

Sélectionné

Pour rendre sélectionnable une section Artemis, il suffit d'ajouter l'état:

Après avoir rendu la section Artemis sélectionnable, le panneau de configuration affichera les attributs modifiables spécifiquement quand la section Artemis sera sélectionnée. Est ainsi modifiable:

• La couleur de fond et son opacité ;
• Les dimensions (largeur et hauteur) ;
• La bordure (couleur et arrondi) ;
• Le padding ;
• Le margin ; et
• L'animation.

Cliquer sur le bouton de retour dans l'entête vous ramènera au panneau de configuration principal. On pourra y voir que l'état est actif et que le déclencheur de l'état changera l'aspect visuel de la section Artemis.

Pour retirer l'état, il suffit de cliquer sur l'icône de poubelle.

Déclencheur

L'aspect visuel modifié de la section Artemis quand elle est sélectionnée s'appliquera lorsque l'utilisateur final cliquera sur la section Artemis. Et un deuxième clic sur la section Artemis réappliquera l'aspect visuel de base.

Par exemple, s'il y a la section Artemis suivante:

Et que sa couleur change quand il est sélectionné:

Lorsque l'utilisateur final cliquera sur la section Artemis, elle deviendra jaune. Et lorsqu'il recliquera à nouveau sur la section Artemis (alors jaune), elle redeviendra rouge.