Diferencias entre los controles de los contenedores

Comparación de los controles Contenedor, Diseño de contenedor y Contenedor de página, incluido su comportamiento de tamaño y casos de uso recomendados.

Más información sobre las principales diferencias entre los tipos de contenedores:

Contenedor	Diseño de contenedor	Contenedor de página
Un único contenedor que puede albergar controles y otros contenedores en su interior.	Un diseño de contenedor que agrupa varios contenedores simples y ayuda a crear un diseño de aplicación complejo.	Los contenedores de páginas alojan otra página en la página actual.
Crece en función del tamaño de su contenido.	Tiene una altura fija, mientras que su ancho depende del ancho de la pantalla.	Crece en función del tamaño de la página alojada.
Alinea un grupo de elementos de forma similar. Alinea un elemento específico de forma diferente al de los otros elementos. Puedes anidar contenedores: Para alinear/posicionar los elementos en el contenedor interior de forma diferente al exterior. Recomendamos anidar un máximo de 4 contenedores por razones de rendimiento, aunque no se impone ningún límite.	Crea la estructura de la página. Recomendamos utilizarlo solo en los contenedores de páginas. La disposición anidada de los diseños de contenedor genera espacios adicionales y problemas de mantenimiento.	Útil para reutilizar componentes de tu aplicación, por ejemplo, tener el mismo encabezado o cuerpo en las diferentes páginas de tu aplicación Ayuda al mantenimiento de la aplicación

Ejemplo de cómo alinear los controles mediante contenedores

Supongamos que tu aplicación contiene un formulario en el que deseas recopilar la siguiente información del usuario: Nombre, Apellido, Correo electrónico y Escuela. Aunque los cuadros de entrada Correo electrónico y Escuela pueden estar uno debajo del otro, queremos que el Nombre y el Apellido estén disponibles uno al lado del otro.

Esto se puede lograr mediante los siguientes pasos:

1. Añade un nuevo contenedor.
2. Cambia el diseño del Contenedor a Horizontal.
3. Añade los dos cuadros de texto dentro del contenedor.