Define menu element formatting options

Define how search results are displayed for the menu element. This includes defining the sort order for results, paging options for menu elements with multiple pages of results, and formatting options controlling how the menu is rendered.

1. Specify how the search results displayed in the menu element are sorted.

   1. Select the sort order for the results.
      • Ascending: Sorts results in ascending order.
      • Descending: Sorts results in descending order.

   2. Select the content item fields on which to base the sort ordering. We can select a primary field and two additional fields to provide more fine-grained sorting of the results. The sort fields are applied in order, so that results are sorted first by the primary field, then by the secondary field, and finally by the tertiary field.

2. Specify paging options for the menu element.

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

   2. Enter the number of the start page for displaying search results in the menu.

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

   4. Enter the number of results pages to read ahead when using a page navigation element. For example, if we enter 3, the page navigation element calculates results up to 3 pages ahead of 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 menu pages, use a page navigation element. This is referenced within the header or footer of the menu design.

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

3. Specify the formatting options used to display the menu element. Enter text, tags, and code into the menu design fields as required.

   • Example Header
     <ul class="list-unstyled list-links" style="overflow:auto; max-height:400px;">

   • Example Result design
     [EditableElement context="autofill" type="content" key="url_link" format="div"]
         [Element context="autofill" type="content" key="url_link"]
     [/EditableElement]</li>

   • Example Footer
     </ul>

   • The text entered into the Separator field appear between each displayed menu result.

   • The text entered into the No result design field is displayed if no matches are found for the menu search criteria.

When entering design tagging for menu elements with multiple pages of search results, we can reference a page navigation element in the header or footer to provide the user with a way of navigating through the menu pages.

Parent Create a menu component

Previous topic: Define menu element search properties

Next topic: Menu component properties

Related tasks:
Insert an image in an element
Insert a link in an element
Insert element tags
Create web content tags