A presentation on how to do Views theming using both CSS and template files.

1. Theming Your Views
Presented by Mark W. Jarrell Drupal Username: attheshow
June 27, 2009 Http://fleetthought.com

2. What are we talking about?
✤ This is a “how to” session
✤ Building a view (the quick and
dirty version)
✤ Modify the look and feel of the
view output using some basic CSS
✤ Working with Views template files
in order to completely change the
code that comes out around your
fields

3. Why do we need to do any
theming to what Views creates?
✤ Make your site look individual
and stand apart from the crowd
✤ Control! You may not like what
you get out-of-the-box.
✤ You may need some HTML in
your list of items that Views isn’t
generating for you.
✤ Example: “I wish I could
automatically capitalize my node
titles in this list.”

4. What do we need to make it
happen?
✤ Not much! Fairly straightforward.
✤ Views module
http://drupal.org/project/views
✤ “Advanced Help” module
http://drupal.org/project/
advanced_help
✤ Build a custom theme or modify
an existing one
✤ Firebug Firefox Extension
https://addons.mozilla.org/en-
US/firefox/addon/1843

5. Demo

6. Further Reading Links
✤ “Views 2 Theming”
http://drupal.org/node/352970
✤ Install the “Advanced Help” Module
http://drupal.org/project/advanced_help
Then visit http://[YOURSITE]/admin/advanced_help/views
✤ Click on “Theme: Information” when looking at a view
and really read what it says there.
Photo On Intro Slide: Http://is.gd/1dIC3