Tutorial: Creando un view con un elemento destacado o featured

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
jdflorez's picture

¡Feliz año a todos! Acá les dejo un tutorial que escribí ayer sobre un uso para el módulo views. Espero que les sea de ayuda:

http://rootstack.com/es/blog/creando-un-view-con-un-elemento-destacado-o...

Cualquier duda o sugerencia pueden escribirla aquí o en el blog y con gusto les responderé.
Saludos

Comments

Felicitaciones y duda

antoniomanco's picture

JDflorez escelente tutorial, sólo una duda, como colocar la lista de nodos child no en la parte baja sino al lado derecho. Me rompo la cabeza con CSS

Saludos

En la imagen adjunta, definí

jdflorez's picture

En la imagen adjunta, definí el ancho del nodo "featured" (65%) y el ancho a los views de los demas nodos (35%). Además de darle la propiedad float:left; al featured y float: right; a los otros dos.
En este caso, a los dos chicos, le puedes dar float:left; y se acomodarán bien (por que definí los tamaños). Tienes que probar con los float y los tamaños de los <div>.
http://minus.com/mNZzpsaLB

Si me provees el enlace para ver el view, te podría ayudar más.

Saludos

Aqui va

antoniomanco's picture

Gracias por tu apoyo, le doy acceso público http://4.tuweb.pe/ la vista es la primera que aparece, con una nota principal (Castañeda aseguró que sí.....) y los childs en adjunto inferior. La clase del adjunto es "attachment" y si la puedo controlar con float-right y con un 40%, entiendo que para el featured responde a la clase view-content, el problema es que esta afecta a otras vistas.

Saludos y reitero mi agradecimiento por la ayuda

En el view, en Formato ->

jdflorez's picture

En el view, en Formato -> Formato - Opciones, tu le puedes asignar una clase a cada elemento de la vista.
Si deseas, en el tab de Avanzado (a la derecha en la configuración del View), al final hay un campo para que puedas ingresar clases de CSS para el view.

En la imagen que te adjunto, http://minus.com/m5bvfb57l, le di un tamaño fijo al attachment (30%) y al container principal del view (65%) <- En todo caso se lo podrías asignar al único elemento que estás cargando.

Ambos tienen float y un pequeño margen entre ellos.

Asígnale una clase al view, con la que puedas seleccionar los elementos dentro de él e inténtalo.

Saludos

Un éxito

antoniomanco's picture

Todo salió bien estimado Juan jdflorez, gracias por tu apoyo, de hecho este hilo servirá a otros con la misma duda. Una última consulta, ahora estoy tratando de que en el attachment salgan nodos relacionados (por tags) al artículo principal que está en featured, se que es difícil porque se trata de una vista dentro de un bloque. Si he logrado colocar un bloque fuera de la vista que se relacionan con un artículo. Espero algunas pista

Saludos y gracias por su apoyo

Felicitaciones y duda

antoniomanco's picture

JDflorez escelente tutorial, sólo una duda, como colocar la lista de nodos child no en la parte baja sino al lado derecho. Me rompo la cabeza con CSS

Saludos

Podrían probar con semantic

jordi_bcktt's picture

Podrían probar con semantic views, es un módulo para views que te permite controlar la salida html de los campos.

http://drupal.org/project/semanticviews

Saludos

Hola

harrisonrce's picture

Hola JDflorez tengo un problema con esto utilizando filtros expuestos porque el filtro no se comparte con el attachment y no muestra todos los resultados esperados, abra alguna forma de solucionar esto?

re: Hola

harrisonrce's picture

Alguna manera de hacer una vista con dos formatos como por ejemplo 5 primeros con flexslider y 5 despues en una tabla utilizando filtros expuestos?

Realiza una vista adjunta, la

camilo 1990's picture

Realiza una vista adjunta, la primeras la dejas con flexslider y la segunda como tabla. Copia los mismos filtros expuestos en las mismas vistas.

Me imagino que primero quieres mostrar primero del nodo 1 al 5 y despues del 6 al 10. Para ello anda a la paginación de la vista y a la primera le das que muestre los primero 5 y en la vista adjunta dile que excluya los primeros 5.

Saludos.

Que tal camilo, Y si quiero

hate90's picture

Que tal camilo,

Y si quiero mostrar los resultados en el flexslider y los mismos resultados en otra tabla como resultado de los mismos filtros expuestos, osea si creo un bloque de filtros expuestos al hacer una busqueda me aparesca del 1 al 5 en e flexslider y del 1 al 5 tambien en una tabla

Como puedo???

Tendrias dos displays, puedes

kendallsv's picture

Tendrias dos displays, puedes modificar en el area de Más (more) dentro del campo que tienes como filtro expuesto el valor "Filter identifier" para que ambos displays usen el mismo identificador en la url y por ende apliquen el mismo valor en sus filtros expuestos, claro esta, ambos displays deberian de usar los mismos filtros (los fields) como expuestos en tipo bloque, de forma que solo muestre UN bloque en tu pagina aun cuando en realidad tienes dos bloques.

Gracias, ok, entonces al

hate90's picture

Gracias,

ok, entonces al aplicar el filtro, los 2 displays serian actualizados, el display que tengo con el flexslider y el otro con tablas, osea los 2 responden al mismo request de un solo bloque de filtros expuestos?+

Gracias, ok, entonces al

hate90's picture

Gracias,

ok, entonces al aplicar el filtro, los 2 displays serian actualizados, el display que tengo con el flexslider y el otro con tablas, osea los 2 responden al mismo request de un solo bloque de filtros expuestos?+

siempre y cuando modifiques

kendallsv's picture

siempre y cuando modifiques el filter identifier para que en ambos displays sea el mismo si, ya que sera un dato que estara en la URL (no uses ajax)

vista adjunta

harrisonrce's picture

Hola camilo 1990 gracias por responder, tengo una duda sobre la vista adjunta?, te referís a un attachment o un encabezado globla-views o a que? o como se hace eso? gracias por tu respuesta

Argentina

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week