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.
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.
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.
A tab behaves in a similar fashion to a page. This means you can:
-
Add components to a tab.
-
Change the layout of a tab.
You can change the order of the tabs by clicking the 
icon.
When you delete a tab, all content defined inside the tab is also deleted.
To add a Tabs component:
-
On the menu bar, click Manage
. -
On the Manage page, click Pages.
-
On the Pages page, in the left pane, select the page where you want the Tabs component (for example, the Content detail page).
-
On the Layout tab, in the appropriate zone, add a Tabs component.
-
Click the component to open the component details page and then click New tab.
-
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.
-
Click Create.
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.
Remember active tab
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.
To turn the Remember active tab setting on or off:
-
On the menu bar, click Manage
. -
On the Manage page, click Pages.
-
On the Pages page, in the left pane, select the page where your Tabs component is (for example, the Asset detail page).
-
Click the component to open the component details page and then click Tab settings
. -
In the Tab settings dialog, turn the Remember active tab switch on or off.
-
Click Save.
Clean up hidden components
Your pages can have linked hidden components that are not part of the layout. They still load in the background and can affect page performance and render mode. You can clean them up to enhance your page performance.
To clean up hidden components:
-
On the menu bar, click Manage
. -
On the Manage page, click Pages.
-
On the Pages page, in the left pane, select your desired page (for example, the Asset detail page).
-
In the top-right corner of the page, click Cleanup hidden components
. -
In the Cleanup hidden components dialog, delete, hide, or put the components back on the page.
-
Click Close when you're done.