Output tab

Use the Output tab to specify how the Search component displays the output of a search. You can enable one, several, or all views on the same component. When you enable multiple views, the Show view selector functionality provides a view selector to switch between available views.

The following views are available.

View

Displays

Inline preview

Entity details without leaving the search page, or losing the search progress, when Infinite scrolling is enabled. Previously known as the Fly-out view.

Grid

Content with thumbnails, and one or more fields depending on the selected template. This is the default view.

List

The search results as a list. Each item in the list represents one entity.

Table

Search results as a table with each row representing one entity.

Calendar

Contents with different timelines. It is particularly useful for entities with a start date and an end date (for example, projects).

Pivot table

Search results in the form of a statistics chart that summarizes the data and provides insightful aggregations.

Chart

Search results as a multi-dimensional chart with various aggregation operations and drill-down types.

Inline preview

To view the inline preview of an entity, click Preview Preview_icon.

To configure the inline preview:

  1. On the menu bar, click Manage cog icon.

  2. On the Manage page, click Pages.

  3. On the Pages page, select the page you want to modify.

  4. On the Layout tab, add the Search component.

  5. Click the component to open its details page.

  6. On the component detail page, on the Output tab, turn on the Inline preview switch.

  7. Configure the main settings.

  8. Configure the following additional fields.

    Field

    Type

    Description

    Value

    Mandatory

    Enable quick edit

    Toggle switch

    Allows you to edit the entity data directly from the inline preview.

    Enabled/Disabled

    No

    Disable deep zoom

    Toggle switch

    Disables the deep zoom feature.

    Enabled/Disabled

    No

  9. Click Save.

Tip

For the inline preview, we recommended that you automatically configure the Fields section using a pre-configured details component.

Grid

To configure the grid view:

  1. On the menu bar, click Manage cog icon.

  2. On the Manage page, click Pages.

  3. On the Pages page, select the page you want to modify.

  4. On the Layout tab, add the Search component.

  5. Click the component to open its details page.

  6. On the component detail page, on the Output tab, turn on the Grid switch.

  7. Configure the main settings.

  8. Configure the following additional field.

    Field

    Type

    Description

    Value

    Mandatory

    Show Definition Name on thumbnail checkbox

    Toggle switch

    The definition names of all entities are displayed at the bottom of the thumbnails.

    Enabled/Disabled

    No

  9. Click Save.

List

To configure the list view:

  1. On the menu bar, click Manage cog icon.

  2. On the Manage page, click Pages.

  3. On the Pages page, select the page you want to modify.

  4. On the Layout tab, add the Search component.

  5. Click the component to open its details page.

  6. On the component detail page, on the Output tab, turn on the List switch.

  7. Configure the main settings.

  8. Click Save.

Note

If you select the CardWithImage template and React is deactivated, then the Card template is used instead. To see if React is activated, on the menu bar, click Manage cog icon then Settings. On the Settings page, search for the React setting.

Table

To configure the table view:

  1. On the menu bar, click Manage cog icon.

  2. On the Manage page, click Pages.

  3. On the Pages page, select the page you want to modify.

  4. On the Layout tab, add the Search component.

  5. Click the component to open its details page.

  6. On the component detail page, on the Output tab, turn on the Table switch.

  7. Configure the main settings.

  8. Click Save.

Calendar

To configure the calendar view:

  1. On the menu bar, click Manage cog icon.

  2. On the Manage page, click Pages.

  3. On the Pages page, select the page you want to modify.

  4. On the Layout tab, add the Search component.

  5. Click the component to open its details page.

  6. On the component detail page, on the Output tab, turn on the Calendar switch.

  7. Configure the main settings.

  8. Click Save.

Pivot table

The pivot table view provides several displays (such as area chart, bar chart, heatmap, table) and several aggregations (such as balance, first, maximum, sum).

To configure the pivot table view:

  1. On the menu bar, click Manage cog icon.

  2. On the Manage page, click Pages.

  3. On the Pages page, select the page you want to modify.

  4. On the Layout tab, add the Search component.

  5. Click the component to open its details page.

  6. On the component detail page, on the Output tab, turn on the Pivot table.

  7. Configure the specific settings.

Chart

To configure the chart view:

  1. On the menu bar, click Manage cog icon.

  2. On the Manage page, click Pages.

  3. On the Pages page, select the page you want to modify.

  4. On the Layout tab, add the Search component.

  5. Click the component to open its details page.

  6. On the component detail page, on the Output tab, turn on the Chart switch.

  7. Configure the specific settings.

Do you have some feedback for us?

If you have suggestions for improving this article,