By trevorleenc on

ok, lets see if this makes sense :)

I've got a view, which comes out as a list, which is filtered by taxonomy terms for "items", and then one item type is selected.

the list gives me
item1
item2
item3
...
item9
item19

| item1 | item6 |
| item2 | item7 |
| item3 | item8 |
| item4 | item9 |
| item5 | item10 |

anyone know how I could do this?

thanks in advance :)
-TrevorLee

⋅ Categories: Drupal 5.x

Comments

gopher’s picture

gopher commented

I think the easiest way for you to do that would be to use the Views Bonus Pack. You will also need the panels module.

wazimm’s picture

wazimm commented

Thanks, I was looking for the same solution too.

trevorleenc’s picture

trevorleenc commented

ok, reasonably easy enough...not to mention I can find other uses for this, but what I found "workable" was the "bonus: grid view", however this builds a four column table with my items working like this:

| item01 | item02 | item03 | item04 |
| item05 | item06 | item07 | item08 |
| item09 | item10 | item11 | item12 |

is there someway anyone knows to change the order/format of this table so that it works as described above?

trevorleenc’s picture

trevorleenc commented

I came across this gem:

http://drupal.org/node/144725

now..I've got it in two columns, nice :)

however the sorting still goes horizontally, and not vertically.

still playing with that....if anyone has any insight...

trevorleenc’s picture

trevorleenc commented

just put this in the argument php code:

$view->gridcount = 2;

I found this info in the modules section...nice...anyway, still nothing I see on the sorting...still looking though.

steven merrill’s picture

steven merrill commented

Trevor,

Here's another example, using the views theming module.

function YOURTHEME_views_view_YOURVIEWTYPE_YOURVIEWNAME($view, $nodes, $type) {
  $fields = _views_get_fields();
  $count = 0;
  $halfway_point = floor(count($nodes) / 2);
  $left_items = array();
  $right_items = array();  
  foreach ($nodes as $node) {
    $count++;
    $item = '';    
    foreach ($view->field as $field) {
      $item .= views_theme_field('views_handle_field', $field['queryname'], $fields, $field, $node, $view);
    }
    if($count < $halfway_point)      
      $left_items[] = $item; // l($node->title, "node/$node->nid");
    else
      $right_items[] = $item; // l($node->title, "node/$node->nid");    
  }
  if ($left_items && $right_items) {
    return theme('item_list', $left_items) . theme('item_list', $right_items);
  }
}

This code goes in your template.php, and it will return two different DIVs, one with 1 - 5 and the other with 6 - 10, and then you can use CSS in your theme to float them next to one another. Hope this helps.

-- Steven 'Sven' Merrill
steven DOT merrill AT gmail DOT com

supersteph’s picture

supersteph commented

I have been going crazy trying to create a 2 column list like this, but i'm not too swift with php and a drupal n00b.

This post is a couple years old...will it still work with D6? I tried without success -- hoping i just need to tweak the function name to include the view name properly?

trevorleenc’s picture

trevorleenc commented

Views 2 now has the styling for a grid layout built in.

In your view, just go to style (underneath name & title), and select grid...plus it has some good configurable options.

supersteph’s picture

supersteph commented

the grid layout leaves unsightly gaps if the content in an adjacent column is longer.

The views panels bonus pack is another close option, but, to complicate matters, my list is really 2 views displayed one after the other.

I started a new topic in my search for help. I detailed the issue there: http://drupal.org/node/716352 if you have a minute to check it out, i'd be so grateful!

knalstaaf’s picture

knalstaaf commented

CSS3 makes it possible to spread the content over columns now…

marloAZ’s picture

marloAZ commented

This is great to learn... but it's limited. i.e. only supported for IE10+ ... and it doesn't keep teaser blocks together; it carries content over to the top of the next column. I tried "white-space:nowrap" on the teaser elements (a possible fix) but that made new problems ... forcing text to run over column boundaries.