Posted by jordivalls on March 22, 2015 at 6:19pm
Como puedo hacer una view que me muestre los resultadros en 3 o 4 columnas, como una matriz..!!!?
He usado los modulos masonry, views column class, views grid responsive.. però nada, no va ... además alguna requiere otra jquery y me cambia estilos...
Esto ha de ser más facil, pero mi web necesita ser responsive...
Ayuda please!
Comments
responsive columns
Lo que primero necesitas en un responsive theme (zen, omega, adaptivetheme, ect) yo utilizo el ultimo, ya tiene los media querys instalados, luego te recomiendo estos videos, hay varios muy buenos del mismo autor, saludos.
https://www.youtube.com/watch?v=sDP8ICaz-QU
Gracias pinueve
Lo que necesito es que como ya estoy con el tema venture, necesito poner vistas en columnas de 3 contenidos cada una y paginada... como lo hago??
explícate mejor, quieres 3
explícate mejor, quieres 3 diferentes vistas relacionadas a un tema???
-Aprende a Preguntar, Pregunta para aprender- ya que -La educación es cara, cierto, pero la ignorancia cuesta mucho mas - :P
haber ....
me dieron el proyecto web instalado con un tema, el Venture. A partir de aquí, tengo un content type Articulos, del cual tengo que hacer una view que me muestre en la home o en otra pagina la lista de resultados per en forma de matriz tipo:
resultado1 resultado2 resultado3
resultado4 resultado5 resultado6
resultado7 resultado8 resultado9
una matriz de tres filas y tres columnas
me he explicado mejor?
gracias!
Estas solicitando ayuda, no
Estas solicitando ayuda, no tenes porque molestarte, y la respuesta a tu problema si es views responsive, pero tenes que manualmente darle sentido a los estilos de la misma, si no, utiliza de base un theme como bootstrap y creo que hay un modulo de vistas de bootstraop que ya te los formata de esa forma.
esta vista salio con ese mismo modulo
http://www.honduras.travel/es/con-quien/hoteles
-Aprende a Preguntar, Pregunta para aprender- ya que -La educación es cara, cierto, pero la ignorancia cuesta mucho mas - :P
perdona, no me he molestado :)
el tema foros siempre es frio, sólo he entonado el -mea culpa- :P. Lo pruebo , pero como veo que necesita los estilos ( como dices ) de un bootstrap theme yo tengo avanzada la web con otro theme que no tiene un bootstrap como hago entonces? le pongo un bootstrap.css de otro tema? :(
gracias de antemano
va
Tienes que hacerlo A MANO, en el view->format->settings, añade un "class".
con esa "class" tienes que hacer un .css en tu theme y utilizar por ejemplo "width:25%;" y eso te dara 4 columnas.
haz la tarea y aprente CSS aqui:
https://www.youtube.com/user/escueladigitalperu/videos
saludos
Existen mejores formas..
jordivalls para mi la mejor manera que puedes resolver esto es darle a la vista el estilo de grid. Esto te armara los resultados de la siguiente manera:
resultado1 resultado2 resultado3
resultado4 resultado5 resultado6
resultado7 resultado8 resultado9
Posteriormente si deseas que sea responsive le das un witdh a los divs yu los dejas flotando a la izaquierda utilizando csss.
Saludos.
Muy sencillo
Tu caso es muy sencillo de resolver. Primero, haz que tu vista sea html sin formato (aunque puede ser una lista, pero lo mejor es no ponerle formato).
Luego, para tu vista:
@media screen and (min-width: 1024px){
.tu-vista .view-content{
font-size:0;
margin: 0;
padding: 0;
}
.tu-vista .views-row {
display:inline-block;
font-size: 1rem;
width: 33.3333%;
margin: 0 0 1em;
padding: .5em;
}
}
Puedes cambiar el breakpoint (yo lo he puesto a 1024px) y por debajo de el no se verá en 3 columnas sino en una solamente. Y eso es todo. No es necesario un tema como bootstrap. Y tampoco uses el display:grid de la vista porque lo que hace es generarte una tabla y eso no es responsive.
http://escueladigital.pe