Estilo Grid en una vista

imagen

Este breve tutorial surge de una pregunta de jorgiyo en el foro sobre como hacer una galería. Una de sus dudas es como hace para que una view mostrara fotos como tablas y no como un listado de una imagen tras otra.

En la imagen que esta arriba se muestra una parte de la interfaz de administración de una view, solo se enseña la segunda columna donde dice Styles (de hecho esta resaltado en amarillo por que esta abierta estas opción).

En esa sección de styles están las diferentes maneras en que se puede mostrar esa vista que estamos editando, por default las vistas traen el estilo Unformatted que evidentemente significa que solo muestra los resultados como una lista en vertical. Dentro de las opciones que existen esta una primera que se llama Grid (red) con este estilo es posible mostrar los resultados de la vista como tablas.

style grid in views

En esta segunda imagen podemos ver las opciones del estilo Grid, se pueden escoger cuantas columnas tendrá la red y como se alineara, o mejor dicho de que manera se van a ir agregando los nuevos elementos del listado si de izquierda a derecha (horizontal) o de arriba hacia abajo (vertical).


grid preview

Finalmente al salvar los parámetros de Grid (red) es posible hasta abajo de la vista ver en el preview como se mostraran los resultados y si sobran columnas o hacer otro ajuste volver a tocar en la liga de grid y cambiar los parámetros.
 

 

Categorias
Versión

Añadir nuevo comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.

HTML Restringido

  • Etiquetas HTML permitidas: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Saltos automáticos de líneas y de párrafos.
  • Las direcciones de correos electrónicos y páginas web se convierten en enlaces automáticamente.