Cuando usas una Dynamic Content List, tienes tres opciones diferentes de diseño: Columns, Rows y Grid.
Columns & Rows
Gráficos de clasificación presentados como filas en el primer ejemplo y como columnas en el segundo ejemplo
Las columnas y filas ordenan los elementos en cierta dirección: las filas ordenan los elementos verticalmente (1) y las columnas ordenan los elementos horizontalmente (2).
Se ajustan a la cantidad de elementos de la lista en el espacio disponible, dividiendo el espacio por la cantidad de elementos. Si deseas mostrar una cantidad fija de elementos en pantalla, puedes utilizar filtros de la lista como pagination o limit.
Grid
Ranking en un diseño de cuadrícula de 2x10
El diseño Grid distribuye los elementos en las dos dimensiones. A diferencia de lo que sucede cuando se usa el diseño de Rows y Columns, el diseño Grid tiene una cantidad fija de espacios y divide el espacio disponible en función de los espacios, ignorando la cantidad de elementos de la lista para distribuir el espacio.
En el inspector encontrarás las propiedades para configurar tu Grid:
Los campos Rows y Columnas sirven para establecer la cantidad de filas y columnas de la grilla.
Gaps son los espacios vacíos entre filas y columnas. Se expresan en porcentaje en relación con el tamaño de la Dynamic List. De forma predeterminada, ambos se modifican juntos, pero puedes desvincularlos haciendo clic en el icono de enlace.
Direction es la dirección de llenado del contenido: los elementos de tu lista se ordenarán horizontalmente si eliges el icono 'Z', y verticalmente si eliges el icono 'N invertida'.
Detalles sobre cantidad de items y grid fija
Es importante notar que el diseño Grid solo representará la cantidad de elementos que quepan en las ranuras de grid definidas. Por ejemplo, cuando se usa una cuadrícula de 3x3, se ajustarán los elementos en 9 espacios, a pesar de que el contenido conectado tenga 7 o 10 elementos. Ten en cuenta que los elementos que no encajen en la grilla se perderán, como se detalla en la imagen a continuación:
Consejo profesional: cuando uses grids para mostrar una cantidad de elementos más grande que los espacios disponibles, agrega pagination a la lista y configúrala en la misma cantidad de espacios disponibles. De esta forma, no perderás ningún elemento de la lista.