Create a page navigation component

You can only use a page navigation element by creating a page navigation component. You cannot add a page navigation element to authoring templates, sites, site areas or content items.

1. From an authoring portlet, click New > Component > Page Navigation .

2. Enter identification information for the component.

3. Select the types of page navigation controls that you want to use with the page navigation element.

   • Select Shuttle to include relative navigation links, such as previous page, next page, first page, and last page.

   • Select Paging to include navigation links based on page numbers.

   • Select Jump to page to include a field where users can type the page number to display.

   • Select Page size to include different options for the number of items to display on a page.

4. Specify the layout and design of the header, separator, and footer for the page navigation element by entering HTML tagging in the respective input fields. The code entered in the header and footer designs will appear before and after the displayed page controls. The code entered into the separator design will appear between each displayed page control.

5. For shuttle paging controls, specify their layout and design by entering HTML tagging in the input fields.

   First control

   The First control is used to navigate directly to the first page in a set of pages. You must define two layouts:

   • The active design is displayed when the first page in a set of pages is not currently displayed.

   • The inactive design is displayed when the first page in a set of pages is currently displayed.

   Previous control

   The Previous control is used to navigate to the page immediately preceding the currently displayed page. You must define two layouts:

   • The active design is displayed when a page preceding the currently displayed page is available.

   • The inactive design is displayed when there is no available page preceding the currently displayed page (for example, when the first page in a set of pages is currently displayed).

   Next control

   The Next control is used to navigate to the page following the currently displayed page. You must define two layouts:

   • The active design is displayed when a page following the currently displayed page is available.

   • The inactive design is displayed when there is no available page following the currently displayed page (for example, when the last page in a set of pages is currently displayed).

   Last control

   The Last control is used to navigate directly to the last page in a set of pages. You must define two layouts:

   • The active design is displayed when the last page in a set of pages is not currently displayed.

   • The inactive design is displayed when the last page in a set of pages is currently displayed.

6. For page number controls, specify the paging options and continuation design.

   1. Indicate how many pages you want to make available from the page navigation element at one time.

      • Click Show all pages to include navigation links for every page in the result set.

      • To display a subset of the result set, click Limit number of pages, and enter the number of pages you want to include.

   2. If you are limiting the number of pages displayed in the page navigation element, specify the layout and design of the Continuation control by entering HTML tagging in the input field. The Continuation control is displayed on either side of the page numbers to provide access to the preceding or following set of pages.

7. For the Jump to page control, specify the following parameters:

   1. Enter a field label to display.

   2. If you would like to display the current page number in a Jump to page field, select Show current page number in field .

   3. Type a number to define the Jump to page field width.

      By default, if a user enters a number in the Jump to page field that is higher than the total number of pages, the No Result Design will be returned. To get the last page returned regardless of how high a number a user enters, ensure that the handle.invalid.page property is defined in the WCM WCMConfigService service with a value of false.

8. For the Page size control, specify the following parameters:

   1. Enter a field label to display.

   2. Enter the page size options to display using the following format:

      number|text
      

      You enter each option on a new line. To display all items enter "0" in the number parameter.

      For example, to display options to display 10 items per page, 50 items per page and all items, enter the following:

      10|Small 50|Large 0|All 
      

9. If workflows are enabled for components, select a workflow.

10. Set access properties.

11. Save the component form.

Parent topic:

Use a page navigation element

Related tasks

Entering identification information
Select a workflow
Granting users or groups access to an item

---