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

Add new comment

The content of this field is kept private and will not be shown publicly.

Restricted HTML

  • Allowed HTML tags: <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>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.