...

• The searched string will be highlighted in bold within the list of results.

• The results are displayed in the results list according to the existing sort method.

• Where the list items are arranged in a hierarchical tree, the search results may be presented in either the same hierarchical view or as a simple list. See Best Practices below for guidelines on selecting the appropriate approach.

• If the results are presented in a hierarchical view, all sections will be auto-expanded to show the searched items.

Example of a hierarchical view in the results list:

...

Don’t use when the query is applied to a complex or large database that will cause a long loading time → use Search with Auto-Suggest (coming soon).

Automatic focus

• Use auto-focus on the search field to aid the user in conducting a fast search, and to reduce clicks. Make sure to use it under these conditions:

  • The list is the only or main component presented in the area or section of the interface, e.g. in a filter panel or in a modal window.

  • The list is presented upon request, e.g. on clicking to open filter panel, or clicking to open modal window.

...

Where the list items are arranged in a hierarchical tree, the search results may be presented in either the same hierarchical view or as a simple list. See Best Practices below for guidelines on selecting the appropriate approach.

...

Hierarchical tree view vs. simple list

Where the list items are arranged in a hierarchical tree, the search results may be presented in either the same hierarchical view or as a simple list. Select the most appropriate type:

• Is the search expected to produce a single or multiple results?

  If the search is expected to produce a single result → a simple list may be sufficient.

• Use hierarchical tree view when:

  • If the search is expected to produce multiple results → use the hierarchical tree view where appropriate.

  If

  • several results may have a similar name and the parent category may help in differentiating between results

  → use the hierarchical tree view.
  If

  • the parent category may be searched itself

  → use the hierarchical tree view.

Accessibility compliance

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.

...