How To Configure Quick Tabs with Views Block ?

   comments
Share

In this blog we are going to explore Quick tabs module and examine how it can be used to easily create tabbed content containing blocks, views, nodes, and even other quick tabs blocks. You can find below instructions on how to create a block of tabbed View blocks and how to place this block inside a specific page.

  1. Install and enable Quick Tabs module
  2. Go to Structure and Quicktabs (/admin/structure/quicktabs) and click on 'Add Quicktabs Instance' from top left of screen.

    add_quicktab

  3. Enter Quicktab block title and select ui_tabs from Renderer.

    add_quicktab_title

  4. Add title for your view tab under Tab title column, Select a block under Tab content column for each tab.

    tab_operations

  5. Go to /admin/structure/block and search the new Quicktab block.

    tab_block

  6. Configure the Block Visibility settings and Save the configuration.

    blog_config

  7. Now, see the output in the page where you assign your Quicktab instance.

    quicktab_output

There are multiple Quicktab styles are availabe, You can choose any styles which suit your desing/requirement.

For this, Edit your Quicktab instance and select Quicktab from Renderer.

select_quicktab

Now, Go to /admin/structure/quicktabs/styles and choose any style which you want and save.

choose_style

Agian, see the output in the page where you assign your Quicktab instance.

quick_tab_out_with_style

Add new comment