Defining a page navigator | HCL Digital Experience
You use the page navigation element to define a page navigator.
Procedure
-
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.
-
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 that is entered in the header and footer designs will appear before and after the displayed page controls. The code that is entered into the separator design appears between each displayed page control.
-
If you are using shuttle paging controls, specify their layout and design by entering
HTML tagging in the input fields.
- First control
- The First control is used to browse 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 displayed.
- Previous control
- The Previous control is used to browse to the page
immediately preceding the currently displayed page. You must define two layouts:
- The active design is displayed when a page precedes the currently displayed page is available.
- The inactive design is displayed when there is no available page preceded the currently displayed page. For example, when the first page in a set of pages is displayed.
- Next control
- The Next control is used to browse to the page that
follows the currently displayed page. You must define two layouts:
- The active design is displayed when a page that follows the currently displayed page is available.
- The inactive design is displayed when there is no available page that follows the currently displayed page. for example, when the last page in a set of pages is displayed.
- Last control
- The Last control is used to browse 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 displayed.
-
If you are using page number controls, specify the paging options and continuation
design.
-
If you are using the Jump to page control, specify the following
parameters:
-
If you are using the Page size control, specify the following
parameters: