# 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/6.11/development/flow-portal-2/common-configuration#general)

## Listeners

The portlet can listen to the following commands:

* On Row Selection
* On Filter
* On Refresh

[Listeners configuration](https://help.novacuraflow.com/6.11/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/6.11/development/flow-portal-2/common-configuration#database-source)

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

## Column mappers

Click the *New* button to add a column mapper. Multiple column mappers can be added.

To edit a mapper, click the drop-down arrow and the mapper will go into edit mode. To remove a mapper, click *delete* (trash can icon).

* Database column: the data that is to be displayed in the field
* Name: the name which will be shown above the data field
* Editor: the format of the field

<div align="left"><img src="https://543770944-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M0rS-jF0nbp7LVcqmWi%2F-M0rT8W4VX0VjXYP4muz%2Fimage.png?alt=media&#x26;token=f2d8b591-efc7-4e2f-b0a2-8f2a6009fc3c" alt=""></div>

<div align="left"><img src="https://543770944-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M0rUI5xLWlbdpzXTpAv%2F-M0rULL8r6t6FmjnURBn%2Fimage.png?alt=media&#x26;token=cebc8e3d-96cb-4271-bcac-6ad3717a80db" alt=""></div>

## Style

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

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