apps
2023.4
false
Important :
Veuillez noter que ce contenu a été localisé en partie à l’aide de la traduction automatique.
Guide de l'utilisateur d'Apps
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 19 avr. 2024

Différences entre les contrôles de conteneur

Les conteneurs sont les éléments constitutifs de la mise en page de votre application et il est important de connaître les différents types de commandes de conteneur ainsi que de savoir quand les utiliser.



Conteneur

Disposition du conteneur

Conteneur de page

Un seul conteneur pouvant contenir des commandes et d'autres conteneurs à l'intérieur

Disposition du conteneur (Container Layout) vous aide à créer une mise en page complexe avec différentes sections (conteneurs).

Le Conteneur de pages (Page container) peut héberger une autre page dans la page actuelle

Grandit en fonction de la taille de son contenu

A une hauteur fixe. La largeur est basée sur une grille et rétrécit et augmente en fonction de la largeur de l'écran

Croît en fonction de la taille de la page imbriquée

  • Sert à aligner un groupe d'éléments de la même manière
  • Sert à aligner un autre élément
  • Il est possible d'imbriquer des conteneurs
  • Les conteneurs imbriqués sont utilisés si vous souhaitez aligner/positionner les éléments dans le conteneur intérieur différemment du conteneur extérieur
  • Le nombre de conteneurs imbriqués est illimité. Cependant, il est généralement conseillé de ne pas dépasser 4 niveaux de conteneurs imbriqués pour en garantir la maintenabilité et les performances
  • Sert à créer une mise en page (structure) de page
  • Il n'est pas recommandé de l'utiliser dans d'autres conteneurs/commandes que la page
  • L'utilisation de mises en page de conteneurs imbriqués augmentera le nombre d'espaces supplémentaires et de problèmes de maintenance
  • Utile pour réutiliser des composants dans votre application, par exemple : lorsque vous souhaitez avoir un en-tête ou un corps cohérent sur différentes pages de votre application
  • Aide à la maintenabilité

Exemple d'aligement de commandes à l'aide de conteneurs

L'exemple ci-dessous montre un formulaire simple dans lequel vous devez collecter les informations suivantes auprès de l'utilisateur : prénom, nom, adresse e-mail et école. Bien que les zones de saisie Adresse e-mail (Email) et École (School) puissent être l'une en dessous de l'autre, nous voulions que le prénom et le nom soient disponibles côte à côte. Ceci peut être effectué en suivant les étapes suivantes

  • Ajouter un nouveau conteneur
  • Définir la disposition du conteneur sur « horizontal »
  • Ajouter les deux zones de texte dans le conteneur
docs image
  • Exemple d'aligement de commandes à l'aide de conteneurs

Cette page vous a-t-elle été utile ?

Obtenez l'aide dont vous avez besoin
Formation RPA - Cours d'automatisation
Forum de la communauté UiPath
Uipath Logo White
Confiance et sécurité
© 2005-2024 UiPath Tous droits réservés.