Define navigator element design options

Use the element design options of a navigator element to determine how to display the results a navigator.

1. Select Expand current navigator branch one level to display the content items and site areas one-level under the current site area in the navigator.

2. Select Expand navigator to display current site area to display all the parent site areas from the start site area down to the current site area.

3. Specify paging options for the navigator element.

   1. Enter the number of items displayed in each navigator page.

   2. Enter the number of the page to display first.

   3. Enter the maximum number of results pages to be included in the navigator design.

   4. Enter the number of results pages to count when using a page navigation element. For example, if we enter 3, the page navigation element calculates results up to 3 pages after the current page. Increasing this number improves the accuracy of the page navigation element. Lowering this number improves the performance of the page navigation element when rendered.

   To display multiple navigator pages, we need to use a page navigation element. This is referenced within the header or footer of the navigator design.

   Changes to paging options are not visible to users until the session cache has expired, or a user starts a new session.

4. Select Distinguish items with no children to add a design field for content items and site areas containing no children. All other site areas in the navigator use the other component designs. Use an Alternate Design tag in the navigator design to distinguish between the current site area or content item. See the navigator design examples for more details.

5. Select Show header, footer and separator fields for each result design to enable separate headers and footers for each design field, with the exception of the Distinguish items with no children field. This is useful if the navigator design uses nested tags, such as an unordered list. See the navigator design examples for more details.

6. Enter text, tags, and code into the navigator design fields as required:

   • The text entered in the Header and Footer designs will appear before and after the displayed navigator items.

   • The text entered into the Navigator result design fields defines the format of each navigator item. Use multiple navigator result designs for each level of a navigator.

   • The text entered into the Separator field appears between each displayed navigator item.

   • The text entered into the Distinguish items with no children field is used for items that have no children.

   • The text entered into the No result design field is displayed if no results are found for the navigator criteria.

Parent Create a navigator component

Previous topic: Define navigator element display options

Next topic: Navigator component properties

Related tasks:

Insert an image in an element
Insert a link in an element
Insert element tags
Create web content tags