Views Unformatted List Format

Video loading...

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:04
    Let's take a look step by step
  • 0:06
    at the Unformatted List Format in Views.
  • 0:09
    Let's examine its default markup, how to add custom CSS classes,
  • 0:15
    and to which elements, and what it looks like to remove all of Views' default markup.
  • 0:21
    Here we have a Drupal 7 site which is using Zen as a base theme
  • 0:25
    for my theme. There's no styling in place yet; we're really just focusing on the markup.
  • 0:30
    I like Zen because it uses some of the HTML5 selectors that are now available.
  • 0:35
    And since this is a series focused on markup, I thought that would be appropriate.
  • 0:40
    I created a view of recent articles and a display which uses a block.
  • 0:46
    I've placed this block in the right sidebar region.
Loading ...

Views Unformatted List Format

Loading...

One thing that affects markup in Views is the format that is using for the display. In this tutorial we'll take a look, step-by-step, at the Unformatted list format in Views. We'll examine its default markup, how to add custom CSS classes—and to which elements—and what it looks like to remove all of Views' default markup.

Downloads: 
Log in or sign up to download companion files.
Additional resources: