Drupal Node as a Gallery Addendum

I was asked about adding title text to an image and linking the two. Because this is already included with the ImageField module, we just need to enable it and add it to our view.

Hope this helps!

Original video is here:
http://www.youtube.com/watch?v=kRnfhmTG3qI

Category:

Howto & Style

Tags:

• drupal
• gallery
• imagefield
• cck
• tutorial
• howto
• photos

[LowkeeLT]

When using image field to upload multiple images for a node, how do you limit the teaser display to only one image? It always wants to display all of them instead of just one of them? Not showing the image is not an option, and uploading a single image to a separate image field seems wasteful and redundant. Any tips?

[drupalguyintexas]

@LowkeeLT I think the ConTemplate module might be right for you. It will allow you to customize your teaser to only include the first image, as well as any of the other content that you have for your node. I have a video going over some of the basics of it posted on my channel. Good luck, and let me know if that works for you!

[GezondheidAanpakken]

Btw, I recommend keeping your styling in CSS files and not in a view. Views are preferably used to structure data as far as I know. I also added some styling to the photo HTML containers like a static height so when you have an empty title the grid will still look good with even rows. Thanks for the help and keep up the good work!

[drupalguyintexas]

@GezondheidAanpakken - I agree about using CSS whenever possible- what code are you using to keep the row height similar?

I see views as a way to structure data, but also fit it in with CSS as well. The way I describe it to other people is that it's like running a query, but applying a style to that query. Because of the second part of that statement, I use Views as not just a data structuring, but as a way to create dynamic pages with my content.

[GezondheidAanpakken]

@drupalguyintexas

I added this (to layout.css) to keep the row height similar:

.views-view-grid .views-field-field-photogaller­y-photo-data { text-align: center; display: block; line-height: 12px; height: 30px; width: 125px; padding: 1px;

}

[drupalguyintexas]

@GezondheidAanpakken

Interesting. I was thinking about just adding a height to the table itself, but I prefer the CSS anyway. Thanks!

[GezondheidAanpakken]

Hi again. A video response...nice! Haha, "gezondheidaanpakken" is dutch. It means something like "improve your health", my website is about self healing.

Anyway. Yes, this is what i ment! I struggled with flexifield and some other dev modules. They did not work at all and some people suggested just to wait for cck3. So I grabbed a beer and started waiting... and then I saw your solution and it works, awesome!