Creating Tabs

Tabs are an effective way to navigate users between pages of an application. You can create a tabbed application look by using parent tabs, standard tabs, and lists.

An application can have pages with no tabs, one level of tabs, and two levels of tabs. Standard tabs enable you to display only one level of tabs. To display two levels of tabs define both Parent tabs and Standard tabs.

Tip:

As an alternative to tabs, you can use lists to display tab controls. List templates provide greater control over HTML generation. See "Creating Lists".

Topics:

Note:

When running the Create Application Wizard, you have the option of creating an application with tabs. The following procedures assume you have created an application that does not have any tabs.

About Tabs

A standard tab can have a one-to-one relationship with a page, or a standard tab can be the current tab for many pages. Application Builder includes two different types of tabs:

  • Standard tabs

    An application having only one level of tabs uses a standard tab set. A standard tab set is associated with a specific page and page number. You can use standard tabs to link users to a specific page.

  • Parent tabs

    Parent tabs can control the display of standard tab sets. Clicking a parent tab displays the corresponding standard tab, with the default page as the current page. Parent tabs give users another level of navigation and a context (or sense of place) within the application. You can use parent tabs to link users to a specific URL associated with a specific page.

You can group tabs into collections called a tab set. Each tab must be part of a tab set.

About Template Support

Before you can create parent and standard tabs, you must check that your default template has positions defined for both standard and parent tabs using the appropriate substitution strings. You also must make sure you do not override this template at the page-level.

To view page templates:

  1. On the Workspace home page, click the Application Builder icon.

  2. Select an application.

  3. On the Application home page, click Shared Components.

  4. Under Navigation, click Tabs.

    The Tabs page appears.

  5. Click Page Templates.

  6. If needed, expand the Page Templates region.

    Description of tabs_pg_templates.gif follows
    Description of the illustration tabs_pg_templates.gif

See Also:

About the Tabs Page

The Tabs page describes the tabs defined in your application.

To access the Tabs page:

  1. On the Workspace home page, click the Application Builder icon.

  2. Select an application.

  3. On the Application home page, click Shared Components.

  4. Under Navigation, click Tabs.

    The Tabs page appears.

    Description of tabs.gif follows
    Description of the illustration tabs.gif

The sections that follow describe the Tab Display and Page Templates section of the Tabs page.

Tip:

You can also access the Tabs page under Shared Components on the Page Definition. See "Accessing the Page Definition".

Tab Display

Tab Display provides additional information about how the current tabs or tab set are configured to display.

Page Templates

Page Templates displays a report of page templates associated with the current application. See "About Template Support".

Creating a Tab

An application can have pages with no tabs, one level of tabs, and two levels of tabs. Standard tabs enable you to display only one level of tabs. To display two levels of tabs define both Parent tabs and Standard tabs. See "About Tabs".

To create a tab:

  1. Access the Tabs page:

    1. On the Workspace home page, click the Application Builder icon.

    2. Select an application.

    3. On the Application home page, click Shared Components.

    4. Under Navigation, click Tabs.

  2. Click Manage Tabs.

  3. To add a Parent tab, click the Add button in the upper row.

    Description of tabs_add_parent.gif follows
    Description of the illustration tabs_add_parent.gif

    Parent tabs can control the display of standard tab sets. Clicking a parent tab will display the corresponding standard tab, with the default page as the current page.

  4. To create a Standard tab, click the Add button in the lower row.

    Description of tabs_add_standard.gif follows
    Description of the illustration tabs_add_standard.gif

    The Create Parent Tab or Create Standard Tab Wizard appears.

  5. Follow the on-screen instructions.

Editing Tabs

You can edit multiple tabs simultaneously. Also, for standard tabs, you can update tab properties, such as their labels and order sequence, by using the Standard Tab Tasks list.

Editing Multiple Tabs Simultaneously

You can edit multiple tabs simultaneously.

To edit multiple tabs simultaneously:

  1. Navigate to the Tabs page:

    1. On the Workspace home page, click the Application Builder icon.

    2. Select an application.

    3. Click Shared Components.

    4. Under Navigation, click Tabs.

  2. Click one of the following tabs at the top of the page:

    • Edit Standard Tabs

    • Edit Parent Tabs

    A report appears.

  3. To edit a specific tab, click the Edit icon.

  4. Edit the appropriate attributes and click Apply Changes.

Using the Standard Tab Task List

The Standard Tab Task list displays on the right side of the Tabs page. You can access the links on this list to rename a standard tab set, resequence the display order, associate pages with a tab set, create a new standard tab, or create a new standard tab set.

To access the Standard Tab Task list:

  1. Navigate to the Tabs page:

    1. On the Workspace home page, click the Application Builder icon.

    2. Select an application.

    3. Click Shared Components.

    4. Under Navigation, click Tabs.

  2. Make a selection from the Standard Tab Task list:

    • Rename Standard Tab Set

    • Resequence Display Order

    • Associate Page(s) with Selected Standard Tab

    • Create New Standard Tab

    • Create New Standard Tab Set

Accessing Tab Reports

This section describes the Conditional Display, Utilization, and History reports.

To view the Conditional Display report:

  1. Navigate to the Tabs page:

    1. Navigate to the Workspace home page.

    2. Click the Application Builder icon.

    3. Select an application.

    4. On the Application home page, click Shared Components.

    5. Under Navigation, click Tabs.

      The Tabs page appears.

  2. Click the appropriate tab:

    • Conditional Display

    • Utilization

    • History

You can change the appearance of each page by using the Search bar at the top of the page.

To learn more, see the sections that follow.

Conditional Display

The Conditional Display report displays Standard Tabs and Parent tabs that are configured to display conditionally.

Standard Tab Utilization

The Utilization report lists the standard tabs used in the current application.

Standard and Parent Tab History

History report displays a history of changes to tab attributes for the current application.