---
description: Diseños de distribución con contenedores
---

# Trabajar con contenedores

El contenedor es uno de los controles más importantes porque puede ayudarlo a ordenar su contenido y crear excelentes diseños..

Puede agregar cualquier otro control dentro de un contenedor, incluso otros contenedores

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-7d3df572366df2acbe2c82b125f9d4425033f73a%2FContainers.gif?alt=media)

### Dividiendo los contenedores

Puede dividir el contenedor en diferentes columnas con diferentes porcentajes en cada una. Para dividir un contenedor, debe seleccionarlo y en la pestaña de datos seleccionar la cantidad de columnas que desea o agregar los porcentajes manualmente, recuerda que estos porcentajes deben sumar 100

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-78b288b29597e2c170cae5ced3a21b7e70ad8442%2FDividing%20container.gif?alt=media)

### Alinear los elementos dentro de un contenedor

Todos los controles que estén dentro de un contenedor tienen la misma alineación y la misma dirección, puede cambiar la alineación con los controles de alineación en la parte superior e izquierda de la vista de la pantalla, para cambiar la alineación necesita seleccionar cualquier control dentro del contenedor

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-fe1afe2f345894e5bd4d6f0928de15577b0f147b%2FControls%20align.gif?alt=media)

{% hint style="info" %}
Si seleccionó la opción de desplazamiento en el control, no puede cambiar la alineación
{% endhint %}

También puede cambiar la dirección de los controles, para cambiar la dirección necesita seleccionar el contenedor y luego hacer clic en la pestaña de estilo:

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-c42459e4523a0732163a4ea276e75ced50b435c2%2FDirection.gif?alt=media)

### Múltiples alineaciones y direcciones usando contenedores.

Como vimos antes, los contenedores pueden tener una sola dirección y alineación y, a veces, es necesario agregar elementos en más de una dirección, para que sea posible, puede agregar un contenedor dentro de un contenedor para cambiar la dirección:

![](https://1781865142-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LvaO9X8rr2FG8JwKkhC-1769347644%2Fuploads%2Fgit-blob-430653efd0b8b9e714a2a40b2df1d9a3fc66cf6a%2FDiferent%20alignments.gif?alt=media)
