# Record viewer

The Record Viewer portlet displays one row of a table per page in the portlet. Workflows can be attached to the record page, enabling users to edit the data or for customized usage e.g. dispatching a technician in the selected record. 

## General

General data is required for all portlets.

[General configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#general)

## Listeners

The portlet can listen to the following events:

* On Filter
* On Row Selection
* On Refresh
* On Point Selection

<div align="left"><img src="https://529897662-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M8tbrSaGIRYe9EthohB%2F-M8te8hiFNXwisASTPGz%2Fimage.png?alt=media&#x26;token=7b32a0bd-0cb6-4055-8750-2c6912500d92" alt=""></div>

[Listeners configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#listeners)

## Data

### Data source

The portlet data source configuration enables the portlet to execute specified queries towards the chosen database connector to fetch data, or fetch data from a workflow.

* Database: uses a flow connector to retrieve data from a database
* Workflow: runs a workflow to retrieve data

[Data source configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#database-source)

[Workflow source configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#workflow-source)

## Column mappers

Click the Add section button to add a new section. Multiple sections can be added.

Click Add field to add a new field in the section. A section can contain multiple fields.

Field configuration:

* Database column: the data that is to be displayed in the field
* Name: the name which will be shown as a header to the data field
* Editor: the format of the field
* Multiline: check if the field should expand over multiple columns
* Editable: check if the field should be editable. Note that Edit Operations also must be configured for a field to be editable.

<div align="left"><figure><img src="https://529897662-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtPTgZOYmpJka4jqs1v-3406065915%2Fuploads%2FxZRCE1X0xcgpgjxbRn4s%2FRecord%20column%20mappers.png?alt=media&#x26;token=4fe81dbf-8139-41e4-b373-1c807ff0b431" alt=""><figcaption></figcaption></figure></div>

## Style

Change the header text color and add a header stripe by configuring style.

[Style configuration](https://help.novacuraflow.com/development/flow-portal-2/common-configuration#style)