Search Knowledge Base by Keyword

This KB documentation is using Advanced Search, Links Editor and Elegant Layouts add-ons.

Print

Tabs Layout

The Tab Layout clearly organizes top categories for subject-specific browsing. Within each tab, find related articles and sub-categories.

 
Key Features
  1. Top categories are presented as tabs.
  2. Each tab page follows a structure similar to the Basic layout.
Click to zoom
Tabs Are Top Categories

Top Categories are represented as tabs. Each tab can be a product, service, or area of your topic.

How to Add This Layout to Your Page

To display this layout on your web page, you will need one of the following:

a) KB layout block (recommended) - see the KB Blocks article.

b) KB shortcode as explained in this article.

This layout is ideal for knowledge bases that require tabs to separate different products.

We use it on our other documentation page to distinguish between our add-ons and the core free plugin. You can see a live example of the Knowledge Base here

Here are live examples:

  1. Demo 3
  2. Demo 4


In some screenshots, the search box is our Pro add-on, Advanced Search.

Overflow Mode

  • Multiple Rows: Places any additional tabs in a new row below the first.
  • Drop Down: Converts all tabs into a drop-down list instead of displaying them as separate tabs.

 

Tabs Per Row
This option determines when the overflow mode is triggered. For example, if it is set to 3:

  • With Multiple Rows selected, the fourth tab will start a new row.
  • With Drop Down selected, having four tabs or more will switch all tabs to a drop-down list.

Settings

Click to zoom

Examples

Click to zoom
Was this article helpful?
5 out Of 5 Stars

1 rating

5 Stars 100%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?
Table of Contents