cool tech graphics

Semantic Views is Awesome

Like any Drupal themer, I've done my share of grumbling about the frequently ridiculous level of nested divs with dozens of classes. I'd heard some people mention a module called Semantic Views, but I never really understood what it was for until I found this video. If you don't understand what the big deal is either, take the four minutes to watch. It's a total "ah-ha!" moment. I'm happy to say that I just used Semantic Views for the first time on a client site, and it's just as awesome as everyone says. It saved me a ton of work and let me get exactly the markup I wanted, even while working around Chuck's nested views.

Date posted: August 31, 2010


We haven't looked back once we started using semantic views. It's perfect if you are using CSS framework like 960gs. You can say add .omega class on a row in a particular order.

Only issue i faced last time was, we cannot put wrapper div around multiple fileds. (eg. if you are outputting 5 fileds and you want 3 fileds wrapped liked "div.products-features", there is no option for that. may be we can use .tpl files for that.

thanks for the article and your website looks great!


By reducing the number of classes and elements SV will also help your front-end performance. This is because your JavaScript selectors will perform much quicker most noticably on IE 8 or less.

Not sure what the impact on back-end performance is though. Should be not much.

This looks totally awesome and actually goes a long way to trimming down some of the less than optimal HTML that Views tends to create. Very exciting!

Add new comment

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <cpp>, <java>, <php>. The supported tag styles are: <foo>, [foo].
  • Web page addresses and email addresses turn into links automatically.
  • Lines and paragraphs break automatically.

Metal Toad is an Advanced AWS Consulting Partner. Learn more about our AWS Managed Services

Have questions?