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.