How to Create Tabs in SharePoint Using the Tabs Widget : ShortPoint Support

NOTE
This feature will be released soon.

This article will demonstrate how to create tabs in SharePoint using the Tabs widget of the Search & Filter Toolbar.

sample tabs widget

NOTEYou can only add the Tabs widget to the following Design Elements: Image List, Date List, File List, Icon List, Events, Image Titles, Simple List, or Tiles.

TABLE OF CONTENTS

Prerequisites
Interactive Tutorial
Step-by-step Tutorial
Tabs Widget Features

Prerequisites

You must have ShortPoint version 8.5.4.0 or later installed in your SharePoint environment.
You must be a ShortPoint Designer with an active license.
You must already have any of these Design Elements on your page: Image List, Date List, File List, Icon List, Events, Image Titles, Simple List, or Tiles.

Interactive Tutorial

Click Get Started to learn how to create tabs in SharePoint:

NOTEYou can activate more than one widget. Check out How to Activate Multiple Search & Filter to learn how.

Step-by-step Tutorial

Follow the detailed guide below to learn how to add the Tabs widget:

Step 1: Edit the ShortPoint Web Part

Go to the SharePoint page you want to use and click Edit:

Edit

Click the close icon to close the Toolbox:

cross icon

Select the Edit properties icon:

Edit properties icon

Step 2: Edit the Design Element

NOTEYou must already have any of these Design Elements on your page: Image List, Date List, File List, Icon List, Events, Image Titles, Simple List, or Tiles.

Click the Easypass tag of the Design Element you want to use. For this guide, we will use the Image List Design Element:

Easypass tag

Select the cogwheel icon:

Cogwheel icon

Navigate to the Toolbar tab:

Toolbar tab

Click the Tabs widget:

tabs widget

Choose the Design Element property (Title, Subtitle, Description, etc.) you want to be shown as Tabs.

NOTEThe Design Element properties you see depend on the Design Element you are using.

design element properties

Click the Styles drop-down and choose the tab style you want to use:

tabs style

Click the Design drop-down and customize the look of the Tabs widget according to your liking:

customize design

Click Activate:

Activate

NOTEYou can further customize the look of the Date Filter widget using the Settings button of the Search & Filter Toolbar. To learn more about the options inside Settings, check out How to Use Settings to Further Customize the Look of Active Search & Filter Toolbar Widgets.

(Optional) Click Back to Widgets:

Back to widgets

(Optional) Click Settings:

Settings

(Optional) Customize the Widget Size, Theme Color, Spacings, and/or Color Mode of the active widgets.
Click the green check mark to apply all changes.

NOTEYou can activate more than one widget. Check out How to Activate Multiple Search & Filter Toolbar Widgets to learn how.

Step 5: Save

Click the eye icon to see your page in real time:

eye icon

Click Save to keep your changes:

Save

That’s it! You now know how to create tabs in SharePoint. You can check the next section to see all the modifiable features available for Tabs.

NOTEIf you want to remove the Tabs widget, simply click the Tabs widget again, select Deactivate, and click the green check mark to apply the changes. You can also check out How to Deactive Active Search & Filter Toolbar Widgets for more details.

Below are the features you can customize for the Tabs widget:

	Show Tabs from	allows you to choose the Design Element Property (Title, Subtitle, Description, etc.) you want to be shown as Tabs.
	Styles	allows you to choose the style of the Tabs. You have 6 preset styles to choose from.
	Location	allows you to select where the Tabs will be located—left, center, or right.
	Spacing	allows you to adjust the spacing between tabs.
	Theme color	allows you to specify the color of the Tabs.