Organize components on a page

Sitecore Content Hub includes page components to help you organize content on a page. This includes the following components:

Container

The Container component is a component holder. By default, components added to a Container are nested. In the following example, the Video subtitles section is created using a container and holds a Creation component and a Search component.

Example of a Container component

Divider

The Divider component lets you create a visual separation between content on a page. In the following example, a dividing line separates the various content elements.

Example of Divider component
Note

To change the Divider title, on the component detail page, click Edit and, in the Title field, update the title as required. You can ignore the Data parameter.

Tabs

The Tabs component lets you organize content on tabs. In the following example, content is organized on a Details tab, a Product tab, and an Asset tab.

Tabs example

A tab behaves in a similar fashion to a page. This means you can:

You can change the order of the tabs by clicking the drag and drop icon.

Note

When you delete a tab, all content defined inside the tab is also deleted.

To add a Tabs component:

  1. On the menu bar, click Manage .

  2. On the Manage page, click Pages.

  3. On the Pages page, in the left pane, select the page where you want the Tabs component (for example, the Content detail page).

  4. On the Layout tab, in the appropriate zone, add a Tabs component.

  5. Click the component to open the component details page and then click New tab.

  6. In the New tab dialog box, set the following parameters:

    Field

    Description

    Name

    Name display on the tab.

    Visible

    Turn the switch on to display the tab.

    Permission

    Sets the user permission required on the linked entity definition for the tab to be visible. Thie field is only available on detail pages.

  7. Click Create.

Important

The Permission parameter relates to the entity definition defined for the detail page. To see a Tabs component, you need Read permission on both the entity definition and on the portal page.

New UI - Preview

To ensure that you can see the last tab you visited when returning to a page, the Remember active tab setting is enabled by default. If you turn this setting off, you will see the first tab every time a page loads.

Remember active tab setting in the Tab component.

To turn the Remember active tab setting on or off:

  1. Go to Manage > Pages.

  2. In the top-right corner of the Pages page, click New experience .

  3. In the New experience dialog, click Yes.

  4. On the Pages page, in the left pane, select the page where your Tabs component is (for example, the Asset detail page).

  5. Click the component to open the component details page and then click Tab settingsSettings icon.

  6. In the Tab settings dialog, turn the Remember active tab switch on or off.

  7. Click Save.

Do you have some feedback for us?

If you have suggestions for improving this article,