Différences entre les contrôles de conteneur

Découvrez les principales différences entre les types de conteneurs :

Conteneur	Disposition du conteneur	Conteneur de page
Un seul conteneur pouvant contenir des commandes et d'autres conteneurs à l'intérieur.	Une disposition de conteneur qui regroupe plusieurs conteneurs simples et permet de créer une mise en page d'application complexe.	Les conteneur de pages hébergent une autre page dans la page actuelle.
Grandit en fonction de la taille de son contenu.	A une hauteur fixe, tandis que sa largeur dépend de la largeur de l'écran.	Croît en fonction de la taille de la page hébergée.
Aligne un groupe d'éléments de la même manière. Aligne un élément spécifique différent de celui d'autres éléments. Vous pouvez imbriquer des conteneurs : Pour aligner/positionner les éléments dans le conteneur intérieur différemment du conteneur extérieur. Nous recommandons d'imbriquer un maximum de 4 conteneurs pour des raisons de performances, mais aucune limite n'est imposée.	Crée la structure de la page. Nous vous recommandons de l'utiliser uniquement dans les conteneurs de page. L'imbrication des dispositions de conteneurs entraîne des espaces supplémentaires et des problèmes de maintenance.	Utile pour réutiliser des composants dans votre application, par exemple en ayant le même en-tête ou le même corps sur différentes pages de votre application Aide à la maintenance de l'application

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

•