Upgrade Your Drupal Skills

We trained 1,000+ Drupal Developers over the last decade.

See Advanced Courses NAH, I know Enough

How To Use Views Tab Fields In Drupal

Parent Feed: 

Views Tabs Field 

This module provides a field of Views which renders content in vertical or horizontal tabs. This allows us to show content on views page in the tabbed format. This module provides a field in view which can be used to show content on tabs.

Below are the steps to use this module.

1 - Download and enable module normally.

2 - Create a view and add fields in this view. The fields that you want to be displayed as tabs, make them exclude from a display.

3 - Add "Global: Tabs" field.

How To Use Views Tab Fields In Drupal

4 - Choose type of tabs you want : Horizontal Tabs or Vertical Tabs

Tabs Selection

5 - Under tabs, add as many tabs as you want. In Tab content, add fields from replacement pattern. You can add HTML in this as well.

Tabs Content

6 - Save the view. The final result is something like this depending upon which types of tabs you selected.

Tab Fields In Drupal

Hope this blog was very useful for you guys. Leave your comments and feedbacks. 

Original Post: 

About Drupal Sun

Drupal Sun is an Evolving Web project. It allows you to:

  • Do full-text search on all the articles in Drupal Planet (thanks to Apache Solr)
  • Facet based on tags, author, or feed
  • Flip through articles quickly (with j/k or arrow keys) to find what you're interested in
  • View the entire article text inline, or in the context of the site where it was created

See the blog post at Evolving Web

Evolving Web