Masquer les conteneurs à l'aide d'un bouton

Vous pouvez masquer un conteneur à l'aide d'un bouton fléché pour réduire ou développer le contenu. Suivez les étapes de cette page pour savoir comment procéder.

Pour cet exemple, nous utiliserons la page de modèle Form C de UiPath Apps.

1. Créez une nouvelle application dans UiPath Apps.
2. Lorsqu'on vous demande de sélectionner un modèle pour une nouvelle page, sélectionnez le formulaire C.
3. Dans le conteneur sectionHeader1 , ajoutez deux icônes à côté du bouton :
   • Une icône keyboard_arrow_up . Renommez-le pour le réduire.
   • Une icône Keyboard_arrow_down . Renommez-le pour le développer.
     
     

     

     
     
4. Créez une variable d'application nommée content_visibility.
5. Configurez l' icône de réduction.
   1. Dans la propriété Affichage > Masqué de la commande, ajoutez les éléments suivants : = Not(content_visibility).
   2. Ajoutez une règle Définir les valeurs ( Set Values ) sur l'événement Cliqué (Clicked on) .
   3. Ajoutez la variable d'application créée à l' étape 4 dans la propriété Éléments à définir de la règle, et =false dans la propriété Valeur .
      
      

      

      
      
6. Configurez l'icône de développement .
   1. Dans la propriété Affichage ( Display ) > Masqué ( Hidden ) de la commande, ajoutez la variable d'application =content_visibility .
   2. Ajoutez une règle Définir les valeurs ( Set Values ) sur l'événement Cliqué (Clicked on) .
   3. Ajoutez la variable d'application créée à l' étape 4 dans la propriété Éléments à définir de la règle, et =true dans la propriété Valeur .
      
      

      

      
      
7. Ajoutez une règle Définir les valeurs ( Set Values ) sur la page formC .
   1. Ajoutez la variable d'application créée à l' étape 4 dans la propriété Éléments à définir de la règle, et =true dans la propriété Valeur .
      
      

      

      
      

Si vous prévisualisez l'application, il y aura un bouton fléché dans l'en-tête du premier conteneur. Vous pouvez cliquer sur ce bouton pour réduire le contenu. Vous pouvez cliquer à nouveau dessus pour développer le contenu.