# Configuring tabs

Source: [https://docs.virtosoftware.com/docs/virto-tab-navigation/administration-and-usage/configuring-tabs/](https://docs.virtosoftware.com/docs/virto-tab-navigation/administration-and-usage/configuring-tabs/)
Product: Virto Tab Navigation
Updated: 2026-09-30


You set up all the tabs of a Virto Tab Navigation web part in the **Tabs Settings** panel. The panel works the same way on classic and modern pages; only the way you open it differs.

## Opening Tabs Settings

### Modern page

Open the page and click **Edit**. Select the Virto Tab Navigation web part and click the **Edit web part** (pencil) icon on its toolbar. In the **Virto Tab Navigation** pane, click **Configure WebPart**.

![Modern page in edit mode with the Virto Tab Navigation web part selected and the Configure WebPart button in its pane](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_1-1409x444.png)

### Classic page

Open the page and click **Edit**. Open the web part menu (the arrow in the upper-right corner of the web part) and select **Edit Web Part**.

![Classic web part menu open with the Edit Web Part command](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_2-664x238.png)

In the tool pane, expand **Tabs web part settings** and click **Configure WebPart**.

![Classic tool pane of Virto Tab Navigation with the Configure WebPart button under Tabs web part settings](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_3-324x265.png)

## The Tabs Settings panel

The panel shows the web part version and the **List of created tabs**. The web part always has at least one tab: when you add Virto Tab Navigation to a page, it creates a tab named **Default tab**.

Each tab in the list has an **Edit** (pencil) icon and a **Delete** (trash) icon. The handle on the left of a tab lets you drag it to another position.

## Creating a tab

Click **Create new tab**. The panel shows the fields of the new tab.

![Empty Create new tab form with the Group web parts from, Tab name and Selected web parts fields](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_5-689x390.png)

Fill in the fields:

- **Group web parts from**: where to pick the web parts from. See [Choosing where web parts come from](#choosing-where-web-parts-come-from).
- **Tab name**: the name visitors see on the tab. The name can be anything, for example "File operations" or "AD users". Long names are shortened to fit the tab. This field is required: while it's empty, it shows "Required field" and **Save tab** is unavailable.
- **Selected web parts**: one or more web parts to show on this tab. Each selected web part appears as a chip; to remove it from the tab, click **×** on the chip.

![Tab name field highlighted in red with the Required field message](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_6-689x355.png)

Click **Save tab**, and then click **Save** at the bottom of the panel. See [Saving changes](#saving-changes).

![Filled Create new tab form with the tab name Button, the Button web part selected and the Save tab button](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_7-689x395.png)

You can create as many tabs as you need.

### Choosing where web parts come from

The **Group web parts from** setting controls which web parts **Selected web parts** offers:

- **Current web part zone**: only the web parts in the same web part zone as Virto Tab Navigation.
- **From whole page**: all web parts on the page.

![Group web parts from list open with the Current web part zone and From whole page options](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_8-689x420.png)

### Choosing web parts

**Selected web parts** lists web parts by their titles. On classic pages, list views appear as "List:" followed by the list name.

A Virto Tab Navigation web part can't be placed on a tab: it's shown in the list but can't be selected. This means one tab can't be nested in another.

![Selected web parts list with four list views available and the Virto Tab Navigation web part unavailable](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_9-689x460.png)

## Editing a tab

Click the **Edit** (pencil) icon next to the tab. The panel shows "Currently editing:" with the tab name, and the same fields as for a new tab. Change the name, the source of web parts, or the web parts themselves, then click **Update tab** and **Save**.

![Editing a tab: Currently editing label, Current web part zone selected, two web parts chosen and the Update tab button](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_10-689x425.png)

## Changing the tab order

In **List of created tabs**, drag a tab by the handle on its left to a new position, then click **Save**. The tabs appear on the page in the same order.

## Deleting a tab

Click the **Delete** (trash) icon next to the tab, then click **Save**.

You can't delete a tab when it's the only one: the icon is unavailable, because Virto Tab Navigation always keeps at least one tab.

## Saving changes

Tab changes are saved in two steps:

1. **Save tab** (for a new tab) or **Update tab** (for an existing tab) keeps the changes of that tab in the panel. **Cancel** next to it discards them.
2. **Save** at the bottom of the panel writes all tab changes to the page. Until you click it, the page doesn't change, as the note at the bottom of the panel reminds you: "Tab changes are written to the page only after Save".

While a tab form is open, **Save** at the bottom is unavailable: finish the tab with **Save tab**, **Update tab**, or **Cancel** first. **Cancel** at the bottom closes the panel without writing the changes to the page.

After that, publish the modern page or save the classic page, so visitors see the new tabs.

## How tabs look on the page

Tabs appear when the page is not in edit mode. Visitors see one tab at a time: the web parts on other tabs stay hidden until the visitor opens their tab.

On this modern page, **Tab one** holds Virto Multiple File Operations, **Tab two** holds the Virto User Manager user copy form, and **Button** holds a button.

![Modern page with Tab one open, showing the Virto Multiple File Operations web part](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_11-750x397.png)

![Modern page with Tab two open, showing the Virto User Manager user copy form](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_12-810x497.png)

![Modern page with the Button tab open, showing a single button](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_13-750x275.png)

On this classic page, **Support tickets** and **Alerts** each hold one list.

![Classic page with the Support tickets tab open, showing the Kanban Support Tickets list](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_14-610x497.png)

![Classic page with the Alerts tab open, showing the Equipment Maintenance list](https://img-docs.virtosoftware.com/wp-content/uploads/2026/09/configuring_tabs_15-475x497.png)

## Access to tabs

Virto Tab Navigation has no permission settings of its own. Access is controlled by SharePoint: users see the page and the web parts on its tabs according to their SharePoint permissions.

## Appearance

Tabs use the built-in design. Virto Tab Navigation has no settings for custom styling.