Adding tabs to a page

Tabs allow you to increase the amount of data your page can display by effectively doubling (or tripling, quadrupling, and so on) the amount of real estate available.

For example, suppose you want to create a single page for your entire user base. The information you want to provide falls in several different areas, and each area has data requiring 10 regions or more. To bring all this information together, you might create a tabbed structure that looks something like this:

Tabbed region

Each tab can now be divided into its own unique configuration of regions and portlets. In other words, you have created six individual pages within a single page.

Note

Any user who can create a page can create a tabbed page.

If you customize a page (that is, you click Customize on the page or in the Navigator), you can only add tabs to existing tab sets, you cannot create tabs in regions that do not already contain tabs.

To add tabs to a page:

  1. If you are in the Create Page Wizard, make sure you are at the Add Portlets step (step 3 of 4).

    If you are already on the page, at the top of the page click Edit Page.

    Otherwise, access the Navigator, navigate to the page you want to work on, then click Edit.

  2. In the region in which you want to add the tab, click Add Tab to add the first tab. The tab now looks like this:

    New tab

  3. To add another tab at the same level, click Add Tab to the right of the tab you just added. If you click the tab in the region, you'll start another row of tabs below this row.

  4. To edit the tab properties, click Edit.

  5. In the Display Name field, enter a name for the tab.

  6. If you want to provide your own images for the tabs, supply the images in the Active Tab Image and Inactive Tab Image fields.

    Note: If the Use Rollover Effect For Tab Images check box is selected in the Edit Tabbed Region page, the active tab image is also used to create a rollover effect--that is, the active tab image displays when the user moves the cursor over the tab. You can access the Edit Tabbed Region page by clicking Edit Regionto the right of the last tab.

  7. If you want to restrict access to the tab to specific users or groups of users, click the Advanced Options tab. The tab can have its own set of privileges, or can inherit privileges from the page on which it appears.

  8. Click Apply, then Close to return to the Portlets tab.

  9. To divide a tab into regions, click the tab's name to make it active, then follow the usual procedure for adding regions. Use the Add Column and Add Row icons contained within the region, not the ones that appear to the right of the last tab. Those icons create rows and columns outside the tabbed area.

  10. Click Close or Finish, if you're done, or click Next if you're in the process of creating a page.

Note

  • If there is a portlet you want to appear on every tab--say, one containing links to your corporate Web page--divide your page into two regions: one containing your tabs as shown above, and the other containing the common portlet. Only the region containing the tabs can be subdivided into regions unique to each tab.

  • Use Arrange to change the position of a tab relative to the tab set.

Related topics

Creating a page

Changing tab colors and fonts