Diseños de script de ejemplo

Puede crear diseños de página complejos mezclando o anidando contenedores horizontales y verticales. Por ejemplo, si agrega tres pilas horizontales a la pila vertical predeterminada, entonces cada pila horizontal es una fila que puede contener alguna combinación de componentes:

La Figura muestra cómo se pueden usar 3 pilas horizontales para diseñar filas de campos de entrada.


Ejemplo 1: Cree un diseño que coloque los campos en filas

  1. Coloque una fila de elementos en una pila horizontal principal, que a su vez está dentro del contenedor de pila vertical raíz.

    example2_nested_horizontal_stacks2

  2. Seleccione la pila horizontal y cópiela en el portapapeles.

  3. Seleccione el contenedor raíz haciendo clic en su icono.

  4. Hacer clic Pegar para crear una fila adicional. Repita los pasos anteriores para agregar filas adicionales según sea necesario.

    La figura muestra 3 filas horizontales de componentes en una pila vertical.


Ejemplo 2: Coloque las etiquetas sobre los componentes

Para colocar etiquetas sobre los componentes, agregue pilas verticales a un contenedor de pila horizontal:

example3_nested_vertical_stacks2

Hay muchas combinaciones posibles. Como práctica recomendada, seleccione el contenedor principal antes de agregarle un componente.