Details Screen

Details Screen

The Details Screen Type is one of our data perusal screens. This data-driven screen type lets you visualize the rows in a data source.

To add a details screen, navigate to App Workshop -> Screens
Click on the +Add New button on the right-hand side of the page.

  1. Name your Details Screen
  2. Select a suitable icon
  3. Select your data source 
  4. Click on the Create + button

Configuring the Title bar

4. 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 – a selection of connected data sources within your app that relate to your configuration of the detail line.

Basic Properties

  • Left Text – static text and dynamic values related to the data source can be entered here. Color, font, and text size can also be adjusted.
  • Left Icon – The icon image is 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. Color, 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 color of the background of the detailed lines.
  • 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(), FORMAT-NUMBER().

    • Related Articles

    • Board of Icons Screen

      The Board of Icons Screen type is one of our data perusal screens. Allowing a custom set of icons to be added with numerous user interactions that control what happens when a user selects an icon in the app. Ideal for organizing a set of screens that ...

    • Sizing images to fit a device screen dimension

      If you can precisely measure the width of your screen or know the screen's exact dimension in pixels, you can calculate the pixels needed to mirror the physical size of the screen on a printed-out copy of the image. Here's how: Determine the width or ...

    • Screen Title

      A screen’s title bar is a constant found at the top of every screen, informing the user of the screen they’re viewing and providing a default, but customizable, navigation for completing a form. Coupled with a few unique properties not found on basic ...

    • List of Data Screen

      The List of Data Screen Type is one of our data perusal screens. This screen type is data-driven and enables you to visualise the rows in a data source. To add a listing screen, navigate to App Workshop -> Screens Click on the Add New + button on the ...

    • Map of Data Points Screen

      The Map of a Data Source Screen Type is one of our data perusal screens. This data-driven screen type allows you to visualize a dataset with GPS coordinates on a map. This article outlines how to set up and configure a mapping screen properly. ...