i
Diseño
Este elemento es una estructura compuesta por un conjunto de Items y permite estructurarlos en base a diferentes estilos como columna, fila, franja y mosaico. Dichos ítems son contenedores, lo que permite incorporarles otros elementos. Estos elementos pueden moverse junto con cada ítem cuando se redimensiona la estructura de diseño.
El modelador de páginas incluye también otros elementos estructurales que facilitan el modelado de campos, mejorando el tiempo de modelado de una página, sin preocuparse por los aspectos estéticos de los campos. Todos los aspectos estéticos de estos elementos están definidos en forma predeterminada para adaptarse a los diferentes breakpoints.
Ambos grupos de elementos estructurales se utilizan mediante la selección de subtipos.
Las propiedades del elemento se encuentran representadas por íconos en su menú contextual, donde también se encuentran disponibles sus operaciones.
Subtipos
Al seleccionar la opción "Diseño" desde el ícono en la barra de herramientas superior, se abre una lista con los diferentes subtipos de este elemento, que se pueden arrastrar al área de modelado. Cada subtipo tiene modeladas las propiedades del elemento, predefinidas de una forma específica.
•Fila
•Columna
•Franja
•Mosaico
•Columnas y Filas
•Filas y Columnas
•Grupo de Campos
•Campos en Filas y Columnas
Fila
Permite definir ítems dispuestos en filas. Dentro de cada ítem de la fila, se puede arrastrar cualquier tipo de elemento.
Columna
Permite definir ítems dispuestos en columnas. Dentro de cada ítem de la columna, se puede arrastrar cualquier tipo de elemento.
Franja
Permite definir ítems dispuestos en una franja horizontal que abarca todo el ancho disponible, incorporando una barra de scroll para desplazarse. Dentro de cada ítem de la franja, se puede arrastrar cualquier tipo de elemento.
Mosaico
Permite definir ítems dispuestos en una cuadrícula, dentro de cada ítem se puede arrastrar cualquier tipo de elemento. Los mosaicos pueden ser de tamaño uniforme o variado, dependiendo del estilo deseado.
Columnas y Filas
Permite organizar elementos dentro de celdas, estructuradas en columnas y filas. Cada celda, se denomina Ítem columna fila y puede contener cualquier otro elemento.
Este subtipo de diseño es especialmente útil cuando se necesita que las celdas se adapten automáticamente al breakpoint móvil, apilándose las columnas completas de izquierda a derecha.
Filas y Columnas
Permite organizar elementos dentro de celdas, estructuradas en filas y columnas. Cada celda, se denomina Ítem fila columna y puede contener cualquier otro elemento.
Este subtipo de diseño es especialmente útil cuando se necesita que las celdas se adapten automáticamente al breakpoint móvil, apilándose en el orden de izquierda a derecha dentro de cada fila.
Grupo de Campos
Permite agrupar uno o varios campos, organizándolos en una fila o en una columna, según las necesidades.
Este subtipo de diseño es especialmente útil cuando es necesario agrupar campos, y reubicarlos fácilmente dentro de otros diseños.
Campos en Filas y Columnas
Permite definir campos dispuestos en filas y columnas. Pueden modelarse con una o múltiples filas y con una o múltiples columnas. En cada celda se pueden definir uno o más campos.
Este subtipo de diseño es ideal para usar directamente sobre una sección, especialmente cuando se necesita que los campos se organicen de izquierda a derecha en cada fila, y que se dispongan en columnas verticales, de arriba hacia abajo, en toda la pantalla. Además, en el breakpoint móvil, el diseño se adapta apilando el contenido de cada fila de izquierda a derecha, para garantizar una visualización clara.
Clasificación de Propiedades
Las propiedades se dividen en dos grupos, las propiedades de estética y las propiedades de comportamiento.
Propiedades de Estética
En el panel de propiedades de estética se agrupan:
Propiedades de Comportamiento
En el panel de propiedades de comportamiento se agrupan: