Saltar al contenido principal

Sitio web avanzado: crear elementos superpuestos en Flex

Las secciones flexibles crean un diseño y alinean objetos automáticamente, lo que te ayuda a diseñar secciones atractivas de forma fácil y rápida. Sin embargo, si tienes un diseño más complejo con objetos superpuestos o una composición de estilo libre, necesitas usar una cuadrícula avanzada. Las cuadrículas avanzadas te permiten colocar elementos en una composición de estilo libre sin necesidad de un diseño automático. Por ello, te recomendamos que revises tu diseño en todos los puntos de interrupción.

Nota:

Este artículo solo es relevante para los usuarios que comenzaron a usar Flex después del 18 de julio de 2022.

Para crear elementos superpuestos:

  1. Haga clic para seleccionar una columna flexible.
  2. En el menú flotante o en la columna flexible, haga clic en el ícono más ( ).
  3. En la sección de elementos flexibles, seleccione Cuadrícula avanzada (anteriormente denominada contenedores).
    Nota:

    Para garantizar seguir las mejores prácticas, arrastre los bordes de la cuadrícula avanzada para que abarque todo el ancho de la columna flexible.

  4. En la sección Diseño del panel de diseño, seleccione una cuadrícula prediseñada en Reorganizar diseño. Si desea crear su propia cuadrícula, utilice los menús desplegables Columnas y Filas de Personalizar diseño para agregar columnas o filas.
  5. En el menú flotante, haga clic en el ícono más, luego seleccione los widgets deseados y organícelos en la cuadrícula avanzada.
  6. Haga clic para seleccionar un elemento y, en la sección Organizar del panel de diseño, seleccione Traer al frente, Traer adelante, Enviar hacia atrás o Enviar al fondo.
Nota:

Recomendamos revisar el diseño en cada punto de interrupción al usar cuadrículas avanzadas. Con elementos superpuestos, podría ser necesario ajustar el diseño en ciertos puntos de interrupción.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0