I need to create a grid view with a special display. The view is a normal grid of nodes obeying the filters set up for this view.

However, there are 2 promoted spots on the grid that display items with a different size.

enter image description here

These items need to be chosen by the administrator of the site.
I was thinking using a node queue for this purpose, but I'm not sure how to create the display to integrate it inside.

Do you have any advice?

  • I think this won't work with a grid view, because it's a table. I have no idea how to break up the table markup to come up with something like the above. I'd rather go with an unformatted list, then apply a class to the promoted nodes and try to "float" them via css or alternatively use masonry (drupal.org/project/masonry)...
    – Volker
    Commented May 10, 2013 at 5:49
  • I agree for the table, I kept the grid term more for semantics ;). I also thought using masonry or CSS but I'm not sure how to float these items in the correct position. Also the problem of inserting these items in the view still remains.
    – tostinni
    Commented May 10, 2013 at 6:01
  • Is the position of the featured content always the same or changing?
    – Volker
    Commented May 10, 2013 at 6:11
  • It's always the same.
    – tostinni
    Commented May 10, 2013 at 6:23
  • I desagree about the table option: w3.org/TR/html401/struct/tables.html If you take a look in the lower part of this page, you come up with the solution. The <tr> and <td> supports atrributes called colspan and rawspan whose aim goal is the creation of different cells. If the format is static , you can build a template in a few minutes, but it's a dynamic format, you would need time, a little of modular arithmetic and build a logic in a prepreccess hook. On the other hand, if you feel more confindece with a list, it`s also a good idea.
    – Rufein
    Commented May 10, 2013 at 15:59


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.