Previous Next JavaScript must be enabled to correctly display this content

## 16.9.12 Editing a Search Page

Learn how attributes can change search page behavior

Tip:

The examples in this section use the tables and search configurations described in Creating Standard Search Configurations.

- Reviewing Search Page Components
  Review the components that comprise a search page by viewing attributes in Page Designer.
- Editing Search Results Region Attributes
  Edit Search Results region attributes to change region behavior.
- Editing Search Results Attributes
  Edit Search Results Attributes to control how a search works.
- Editing Search Source Attributes
  Edit the behavior of a search source by editing Search Source attributes in Page Designer.

Parent topic: Adding Search to an Application

### 16.9.12.1 Reviewing Search Page Components

Review the components that comprise a search page by viewing attributes in Page Designer.

A search page features a Search Results region which contains Search Sources that map to search configurations defined in Shared Components.

To review the components of a search page:

1. View the search page in Page Designer:
   1. On the Workspace home page, click the App Builder icon.
   2. Select an application.
   3. Select a page.
   Page Designer appears.
2. Review the Search Results. In the Rendering tab under Body, locate and select the Search Results region.
   Description of the illustration search_page_components.png

   Note that the Property Editor contains two tabs: Region and Attributes. Under Region, note that the region Type is Search.

3. In the Rendering tab, select a Search Source (for example, Search Projects).
   Description of the illustration search_page_search_source.png
4. In the Property Editor, review the Search Source attributes.

   In the previous example, note that the attributes indicate that the Search Source maps to the Search Configuration, Search Projects.

Parent topic: Editing a Search Page

### 16.9.12.2 Editing Search Results Region Attributes

Edit Search Results region attributes to change region behavior.

To edit Search Results Region attributes:

1. View the search page in Page Designer:
   1. On the Workspace home page, click the App Builder icon.
   2. Select an application.
   3. Select a page.
   Page Designer appears.
2. View the Search Results Region attributes:
   1. In the Rendering tab (or left pane), select the Search Results region.
   2. In the Property Editor, select the Region tab (if not already selected).
      Description of the illustration search_page_components.png
3. Edit the attributes.

   To view help for an attribute, select the attribute in the Property Editor and click the Help tab in the central pane.

4. To save your changes click Save. To save and run the page, click Save and Run Page.

Parent topic: Editing a Search Page

### 16.9.12.3 Editing Search Results Attributes

Edit Search Results Attributes to control how a search works.

To edit Search Results Attributes:

1. View the search page in Page Designer:
   1. On the Workspace home page, click the App Builder icon.
   2. Select an application.
   3. Select a page.
   Page Designer appears.
2. View the Search Results Attributes:
   1. In the Rendering tab (or left pane), select the Search Results region.
   2. In the Property Editor, select the Attributes tab.
      Description of the illustration search_results_attributes.png
3. Edit the Setting attributes.

   To view help for an attribute, select the attribute in the Property Editor and click the Help tab in the central pane.

   - Settings, Search Page Item - Reference the page item for end users to type their searches in (for example, P6_SEARCH).
   - Settings, Search as You Type - When enabled, the search is executed as you type in the search field. Otherwise the search is not executed until the user presses Enter or a button.
   - Settings, Minimum Characters - Specify the minimum number of characters required in a search term before the search executes. This setting can be useful to reduce the amount of searching done when queries are expensive.
   - Pagination, Use Pagination - Specify whether to use pagination for displaying search results.
   - Pagination, Results per Page Type - Select how the number of results per page is determined. Options include: Static Value or Based on Item Value.
   - Pagination, Results per Page - Determine the amount of results that display on each page.
   - Pagination, Show Result Count - Specify where to display the search results row count. See Help in the central pane for more details.
   - Appearance, Custom Layout - Specify whether to use a custom template for search results, instead of the display templates specified within the search configuration.
   - Appearance, Last Modified Format Mask - Provide the format mask to use for displaying the Last Modified attribute of a search result. Values are returned as the `TIMESTAMP WITH LOCAL TIME ZONE` data type.
   - Sort, Overall Sort - Search results are returned in the order they appear on the Search Configurations page. The order within each search configuration is defined on the Shared Components, Edit page. To override the default order, select a column from the list.

     See the Help tab in the central pane for more details.

   - Messages, No Query Entered Message - Enter a message to display when no query is entered and no Search Source has the Use as Initial Result switch enabled.

     See the Help tab in the central pane for examples.

   - Messages, No Results Found Message - Enter a message to display when no results are found. If specified, messages defined in the search configurations are ignored.
   - Performance, Lazy Loading - Specify whether to load the region independently of the data for the region.

     When lazy loading is enabled, the page renders immediately, showing an empty region until the data loads. Generally, the page does not display until the entire page loads and is ready to be rendered. For example, if it takes 5 seconds to load all of the data for a region, without lazy loading, the end user would have to wait 5 seconds before the page started to render.

4. To save your changes click Save. To save and run the page, click Save and Run Page.

Parent topic: Editing a Search Page

### 16.9.12.4 Editing Search Source Attributes

Edit the behavior of a search source by editing Search Source attributes in Page Designer.

A search configuration contains information about searchable data source. When you add a search configuration to a search page, it displays under Search Sources in the Rendering tab in Page Designer. You can further refine search behavior by selecting the search source in Page Designer and editing attributes in the Property Editor.

The following task demonstrates how to edit the search source so that the each result is prefaced by an icon.

To edit Search Source attributes:

1. View the search page in Page Designer:
   1. On the Workspace home page, click the App Builder icon.
   2. Select an application.
   3. Select a page.
   Page Designer appears.
2. Edit the first Search Source:
   1. In the Rendering tab (or left pane), select the Search Source (for example, Search Project Tasks).
      The Search Source attributes display in the Property Editor.
   2. Icon and Badge - Select an icon to display with the search result (for example, fa-tasks-alt),
3. Edit the second Search Source:
   1. In the Rendering tab (or left pane), select the Search Source (for example, Search Projects).

      The Search Source attributes display in the Property Editor. To view help for an attribute, select the attribute in the Property Editor and click the Help tab in the central pane.

   2. Icon and Badge - Select an icon to display with the search result (for example, fa-chevron-circle-down).
   Description of the illustration search_source_icon_badge.png
4. Run and test the change:
   1. Click Save and Run Page.

      The Search Projects page appears.

   2. In the search field, enter a search (for example, `Web environment`) and press Enter.
   The search results appear.
   Description of the illustration runtime_search_page_new_icons.png

   Note that each search result is prefaced by a new icon.

Parent topic: Editing a Search Page