---
title: "Details Screen"
url: "https://help.formsfly.com/en/article/details-screen"
language: "en"
last_updated: "2023-10-12T14:53:47.702Z"
---

# Details Screen

The Details Screen Type is a data perusal screen. It is data driven, and enables you to visualise the rows in a data source.

* * *

To add a Details Screen, on the menu navigate to *Forms > Create/Edit Forms* 

Click on the ![](https://cdn-assets.productfruits.com/b8784087-ee3a-4eb0-b675-c12865c3daa6) button.

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/11038285738/original/5hJGPMvKp572IbymR26DP7H31ElgD697Ug?1542690448)

1.  Name your Details Screen
2.  Select a suitable icon
3.  Select your data source (optional)

  4. Click on the ![](https://cdn-assets.productfruits.com/6264ac80-52d6-40a1-880b-feba220a9357) button.

![](https://cdn-assets.productfruits.com/c4fd3e80-9e5b-4e9e-9b47-6ae25df2afb0)

### Configuring the Title bar

1.  Data source – a selection of connected data sources within your app to relate your configuration to.
2.  Form Title - This will be populated with the name of your form.
3.  Action Buttons - Define buttons to appear on the title bar.

-   Select which button you'd like to configure, LEFT, RIGHT1 or RIGHT2
-   Select an icon
-   Add the button text
-   Select the button colours
-   Select the user interaction, e.g.     
     [![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/11038286768/original/z06du5c8tXECB1x9dkOYZ5W08P90ib75GA.png?1542694353)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/11038286768/original/z06du5c8tXECB1x9dkOYZ5W08P90ib75GA.png?1542694353)
-   Visibility selection check box
-   Button Visibility - Control the visibility of this button using a formula

### Detail Lines

Select add a detail line to create a new entry.

[Data source](https://help.formsfly.com/en/article/data-source) – a selection of connected data sources within your app to relate your configuration of the detail line to.

**Basic Properties**

-   Left Text – static text and dynamic values related to the data source can be entered here. Colour, font and text size can also be adjusted.
-   Left Icon - The icon image displayed for this detailed line, no icon can be selected.
-   Right Text/Button – same as left text and left icon combined but on the right hand side of the field. Colour, font and text size can also be adjusted.

A user interaction can also be configured with the same choices as above.

**Layout & Styling**

-   Line Background – choose the colour of the detail lines background.
-   Transparency tick box – select to make the background transparent and vice-versa.

**Validation & Behavior**

-   Line Visibility -  Control the visibility of a detail line with formulae and relatable data.
-   Display format (retired) – a legacy value now replaced by formula functions e.g. [Format-Date()](https://help.formsfly.com/en/article/format-date), [Format-Num()](https://help.formsfly.com/en/article/format-num).

### Related

[Screens](https://help.formsfly.com/en/article/screens)    
[Board of Icons](https://help.formsfly.com/en/article/board-of-icons)   
[List of Data](https://help.formsfly.com/en/article/list-of-data)