Configuring a Tabbed Component Container

For a Tabbed Component Container component, you can add and remove tabs, and determine whether to display a border around the container.

To configure a Tabbed Component Container:

  1. On the component edit view, to add a new tab to the component:
    Edit view of the Tabbed Component Container
    1. In the New tab name field, type the name of the new tab.
    2. Click Create new tab.
  2. To remove a tab, click the Delete tab button for the tab.
  3. To rename a tab:
    1. Click the tab name.

      The tab name becomes an editable field.


      Field and OK button for editing a tab name
    2. In the field, type the new label for the tab.
    3. Click OK.
  4. To change the layout of a tab:
    1. Click the layout name.

      The list of available layouts is displayed, with the current layout selected.


      Available layouts for a Tabbed Component Container
    2. Click the radio button for the layout you want to use.

      The layout list is closed, and the new layout is selected.

  5. Under Display Settings, to hide the regular component border around the Tabbed Component Container, uncheck the Show Borders checkbox.

    If Show Borders is unchecked, then the Tabbed Component Container title bar and border do not display. The buttons are replaced by links. The change applies both to the end user and edit views.

    Tabbed Component Container with the Show Borders setting turned off
  6. To save the changes to the configuration, click Save.
  7. To exit the edit view, click Exit.

After configuring the Tabbed Component Container, you can drag other components onto each tab and configure them as usual.