Merry Christmas Eve!
I created a content type called Portfolio. A node of that type has a title (e.g. name of site or theme), url (of that site), image attach (snapshot of said site), and body/description.
I am trying to figure out the best way to display these. Ideally, I think, is to have a page where it creates a div for each one of these and floats them 2-3 to a row. Can Views do this? I was thinking the Views Style of "Grid" would do that, but it only creates a table with the content. Actually, as I type this I think, hey, I can style that grid to look like what I am trying to achieve here... but since I've already written this much, please share ideas/suggestions.
Added functionality that would be preferred would be clicking on the image pops out a larger image. I've done this with a simple photo gallery in Drupal, but not sure if there is a way to achieve with Views.
Another idea would be to actually have it in a gallery format, where maybe a title and large picture are shown front and center with thumbnails for each available node below.
...how do each of you display your portfolios?
Comments
Sure, easy to do
Hey Bam, this is easy to do, and of course a number of ways to do it. The difficulty is choosing what's best for your needs.
As you know, you can reformat your views output as desired. Here's a post on doing so: http://www.appnovation.com/over-riding-views-2-queries-drupal
Even though that article describes re-theming a table, the concepts are the same. If you want:
<div class="gallery-thumb"><p class="title">Title text</p>
<p class="url">http://someurl.com</p>
<p class="thumbnail"><img src="default/files/images/image01.jpg" alt="Some Company thumbnail" /></p>
<p class="body">Body text</p>
</div>
You can do so. What's nice about doing so this way it you can remove all the crud a UI-built layout adds to the mix.
(Oh, and nested floats that wrap in a parent div + IE 7 or less are a pain in the butt, but doable.)
Here's a Drupal page I've referenced many times on theming: http://drupal.org/node/173880
It's a good overview and might help you with your php-development (functional views overrides offer better performance but they are more difficult to those of us who are more comfortable in the land of xhtml)
Another option, as you've mentioned, is to use a grid. Grids use lazy, semantically flawed tables. Shame on you for using a grid. ;) On the other side, you can create a layout more quickly, and then rev-up a version 2 doing it the "right way."
So, for me, if I have a client that has high value on SEO and clean, semantic markup, you must override views themes for a light-weight page. If you have other priorities (and tighter budgets) using Grid and upgrading works just as well, too.
Got me moving in the right direction
Thanks Kyle, I read both of those posts and also found this one (http://drupal.org/node/352970) with some good info I had forgotten. Back when I was subtheming 960 I learned all this, but Panels made me forget! Thanks again for helping me find my way back to self-reliance (as opposed to GUI reliance).