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.
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 .

Note

An example of how to display entity details in an inline preview is available.

To configure the inline preview:

On the menu bar, click Manage .
On the Manage page, click Pages.
On the Pages page, select the page you want to modify.
On the Layout tab, add a Search component.
Click the component to open its details page.
On the component details page, on the Output tab, turn on the Inline preview switch.
Configure applicable settings for the inline preview, including selected template, image, icon and color, the fields displayed in search results, the operations available, as well as indicators,

Configure the following additional fields.

Field	Description	Mandatory
Enable quick edit	Allows you to edit the entity data directly from the inline preview.	No
Disable deep zoom	Disables the deep zoom feature.	No

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:

On the menu bar, click Manage .
On the Manage page, click Pages.
On the Pages page, select the page you want to modify.
On the Layout tab, add the Search component.
Click the component to open its details page.
On the component detail page, on the Output tab, turn on the Grid switch.
Configure the main settings.

Configure the following additional field.

Field	Description	Mandatory
Show definition name on thumbnail	The definition names of all entities are displayed at the bottom of the thumbnails.	No
Crop to fit	Crops thumbnails to fill the entire display space. This option is only available for the GridImageTopWide template.	No

Click Save.

List

To configure the list view:

On the menu bar, click Manage .
On the Manage page, click Pages.
On the Pages page, select the page you want to modify.
On the Layout tab, add the Search component.
Click the component to open its details page.
On the component detail page, on the Output tab, turn on the List switch.
Configure the main settings.
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 then Settings. On the Settings page, search for the React setting.

Table

To configure the table view:

On the menu bar, click Manage .
On the Manage page, click Pages.
On the Pages page, select the page you want to modify.
On the Layout tab, add the Search component.
Click the component to open its details page.
On the component detail page, on the Output tab, turn on the Table switch.
Configure the main settings.
Click Save.

Calendar

To configure the calendar view:

On the menu bar, click Manage .
On the Manage page, click Pages.
On the Pages page, select the page you want to modify.
On the Layout tab, add the Search component.
Click the component to open its details page.
On the component detail page, on the Output tab, turn on the Calendar switch.
Configure the main settings.
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:

On the menu bar, click Manage .
On the Manage page, click Pages.
On the Pages page, select the page you want to modify.
On the Layout tab, add the Search component.
Click the component to open its details page.
On the component detail page, on the Output tab, turn on the Pivot table.
Configure the specific settings.

Chart

To configure the chart view:

On the menu bar, click Manage .
On the Manage page, click Pages.
On the Pages page, select the page you want to modify.
On the Layout tab, add the Search component.
Click the component to open its details page.
On the component detail page, on the Output tab, turn on the Chart switch.
Configure the specific settings.

Do you have some feedback for us?

If you have suggestions for improving this article,