Skip to main content

De-clutter your pages using Tabs

The tab element allows you to organize your page by placing content on different tabs.

Tabs are a great way of organizing your content and can help ensure your pages do not look cluttered. All of the content in Shogun's tabs is readable by search engines.

How to Get Started with the Tabs Element

To get started with the Tabs Element, simply drag it onto a page. You will notice that once this is on the page, you will be given new dropzones inside of the Tabs Element that will allow you to drag other elements into the Tabs Element.

Click the Add Tab button under the Main section to create tabs. Click the "X" icon next to the tab name in the settings panel to remove a tab. Click and drag the tabs in the settings panel to change their order.

Changing the Appearance of Your Tabs

Use the Theme setting in the Main section to change the theme of your tabs between Rectangular and Sloped. Each of these options changes the shape of the clickable tab.

Change the Color of Tabs

The Tabs Element gives you options to customize the look and feel of your tabs. The Default Color sets the overall style of each tab. The Active Colors control the appearance of the selected/open tab. These options are in the Main section of the settings panel.

The Main section also has Border color, Border thickness and Font settings for the tabs.

Did this answer your question?