List View form control

A form control that lets a form user view the form-based app data in a table.

Figure: Desktop View

Desktop View
Figure: Mobile View

Mobile View

Configure the List View form control

To configure the List View List View icon control, do the procedure in this topic.

Video: Build a Custom Search Screen

Video: Common Configuration Settings in eForm Controls

Prerequisites

  • The List View form control is only available for View forms in form-based apps.

How to Start

  1. Open eForm Builder in a form-based app.

    For information about how to open this screen, refer to eForm Builder screen.


    Eform Builder screen
  2. On the eForm Builder screen, in the Toolbox, open the Advanced Controls tab.

    Advanced Controls tab
  3. On the Advanced Controls tab, drag a List View List View icon form control onto your eForm.

    List View control

Procedure

  1. Complete the settings on the configuration screens.

    You can use the Data screen screen to specify a variable.

General

Specifies the basic configuration for the List View form control.

Figure: General tab

General tab

Fields

Field NameDefinition

Label
Function:
Specifies the text label that shows on your form for the control.
Accepted Values:
One line of text that can have spaces.
Default Value:
Different for different controls.
Example:
This is a common configuration field that is used in many examples. Refer to:
  • Examples - Step-by-step use case examples, information about what types of examples are provided in the AgilePoint NX Product Documentation, and other resources where you can find more examples.

Internal Name
Function:
Specifies a unique, technical name for your control.
Accepted Values:
One line of text (a string) with no spaces.
Default Value:
Different for different controls.
Example:
This is a common configuration field that is used in many examples. Refer to:
  • Examples - Step-by-step use case examples, information about what types of examples are provided in the AgilePoint NX Product Documentation, and other resources where you can find more examples.

Help Text
Function:
Specifies the text to shows when a runtime app user hovers their cursor over the form control.
Accepted Values:
More than one line of text.
Default Value:
None
Example:
Refer to:

Help Text Display
Function:
Specifies if the field shows the text in Help Text field when the form user puts the mouse on the label or field.
Accepted Values:
  • None - Does not show the help text.
  • Hover On Label - Shows the help text when you put your mouse on the label.
  • Hover On Field - Shows the help text when you put your mouse on the field.
  • Hover On Both - Shows the help text when you put your mouse on the label and Field.
Default Value:
None
Example:
Refer to:

Configure

Configures advanced settings for your form control.

Figure: Configure tab

Configure tab

Fields

Field NameDefinition

Lookup Source
Function:
Specifies a reusable lookup configuration. The lookup configuration includes the data source and other configuration values for the lookup.
Accepted Values:
A valid lookup source
Default Value:
None
Example:
Refer to:

Add Lookup Add Lookup icon
Function:
Opens the screen to configure a lookup.

There is more than one path to configure a lookup. Make sure you use the document that shows the path for your lookup.

Auto Generate Lookup Columns
Function:
Specifies if the form control completes the header and columns using information from your data source.
Accepted Values:
  • Selected - Completes the header and columns of the grid using data from your data source.
  • Deselected - Does not complete the header and columns of the grid.
Default Value:
Deselected

Header
Function:
Specifies the heading for the column.
To Open this Field:
  1. On the Configure tab, in the List Type field, select Inline List.
Accepted Values:
One line of text that can have spaces.
Default Value:
Column 1

Bound Column
Function:
Completes the column value using a specified field from your lookup source.
Accepted Values:
A column value from the list.
Default Value:
None

Width (px)
Function:
Specifies the width of the column in pixels for the list view.
To Open this Field:
  1. In the Lookup Source field, select your lookup from the list.
Accepted Values:
An integer.
Default Value:
None
Limitations:

This field is available in these releases:

Visible
Function:
Specifies if the form user sees the field.
Accepted Values:
  • Selected - The form user sees the field.
  • Deselected - The form user does not see the field.
Default Value:
Selected
Example:
Refer to:

Visible in Mobile
Function:
Specifies if the form field shows on a mobile device.
Accepted Values:
  • Selected - The form field shows on a mobile device.
  • Deselected - The form field does not show on a mobile device.
Default Value:
Selected

Enable in Bulk Edit
Function:
Specifies whether the column is enabled for bulk edit in the list view.
To Open this Field:
  1. In the Lookup Source field, select your lookup from the list.
  2. Select the Allow Bulk Edit field.
Accepted Values:
  • Selected - A runtime app user can change the values for more than one row in the column at the same time.
  • Deselected - A runtime app user can change the values only one row at a time in the column.
Default Value:
Selected
Limitations:

Add Column

Function:
Adds more rows.

Allow Add
Function:
Specifies whether the form user can add new records.
Accepted Values:
  • Selected - Lets the form user add new records.
  • Deselected - Does not let the form user add new records.
Default Value:
Selected
Example:
Refer to:

Allow Delete
Function:
Specifies whether the form user can delete records.
Accepted Values:
  • Selected - Lets the form user delete records.
  • Deselected - Does not let the form user delete records.
Default Value:
Selected

Allow Edit
Function:
Specifies if the form user can change values in the data grid.
Accepted Values:
  • Selected - Lets the form user change the values.
  • Deselected - Does not let the form user change the values.
Default Value:
Selected

Allow Bulk Edit
Function:
Specifies whether the runtime app user can change the values for more than one row at the same time in the data grid.
To Open this Field:
  1. On the Configure tab, select the Allow Edit field.
Accepted Values:
  • Selected - Lets the runtime app user change the values for more than one row at the same time.
  • Deselected - The runtime app user can change the values on one row at a time.
Default Value:
Deselected
Limitations:

Allow runtime user to select Views
Function:
Specifies if the form user can select the view as a default view.
Accepted Values:
  • Selected - The form user can select the default view.
  • Deselected - The form user can not select the default view.
Default Value:
Selected

Appearance

Specifies the look and feel for your form control.

Figure: Appearance tab

Appearance tab

Fields

Field NameDefinition

Font Family
Function:
Specifies the font family of the input text and label.
Accepted Values:
A font name from the list.
Default Value:
  • Modern theme - Roboto
  • Classic theme - Arial
Example:
Refer to:

Font Size (px)
Function:
Specifies the size of the input text and label for your form control.
Accepted Values:
A positive integer.
Default Value:
  • Classic theme - 12
  • Modern theme - 14
Example:
Refer to:

Font Style
Function:
Specifies the style of the font for the input text and label.
Accepted Values:
  • Bold - Shows the input text and label in bold.
  • Underline - Shows the label underlined.
  • Italic - Shows the label in italic.
Default Value:
None
Example:
Refer to:

Foreground Color
Function:
Specifies the foreground color for your control.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Apply Font Properties To Control
Function:
Specifies if the control gets the font properties from the properties set in the form settings.
Accepted Values:
  • Selected - The control gets the font properties from the properties set in the form settings.
  • Deselected - The control does not get the font properties from the properties set in the form settings.
Default Value:
Deselected
Example:
Refer to:

Label CSS Class
Function:
Specifies a CSS class for the label of your control.
Accepted Values:
A valid CSS class.
Default Value:
None

If you specify your CSS CSS icon on the top menu, the CSS is populated.

Example:
Refer to:

Container CSS Class
Function:
Specifies a CSS class for the container of your control.
Accepted Values:
A valid CSS class.
Default Value:
None

If you specify your CSS CSS icon on the top menu, the CSS is populated.

Example:
Refer to:

Behavior

Specifies how the control shows on your form.

Figure: Behavior tab

Behavior tab

Fields

Field NameDefinition

Visible
Function:
Specifies if the form user sees the field.
Accepted Values:
  • Selected - The form user sees the field.
  • Deselected - The form user does not see the field.
Default Value:
Selected
Example:
Refer to:

Label Position
Function:
Specifies the position of the text label that shows on your form for the control.
Accepted Values:
  • Inherit - The position of the label is as specified in the form settings.
  • Left - Specifies that the position of the label is to the left of the container.
  • Top - Specifies that the position of the label is to the top of the container.
Default Value:
Inherit
Example:
Refer to:

Advanced

Specifies advanced settings for your form control.

Figure: Advanced tab

Advanced tab

Fields

Field NameDefinition

Field ID
Function:
Shows an ID of the control.
Accepted Values:
Read only.
Default Value:
Different for different controls.
Example:
Refer to:

Maximum Height (px)
Function:
Specifies the maximum height for your control in pixels.
Accepted Values:
An integer less than 10000.
Default Value:
300

Export as CSV
Function:
Specifies if an Export as CSV button shows on the form control This button exports the data grid to a file in .csv format.
Accepted Values:
  • Deselected - The Export as CSV button is not shown.
  • Selected - The Export as CSV button is shown.
Default Value:
Deselected

Enable Filtering
Function:
Specifies whether to show the filter icon at runtime where the form user can specify a condition to filter the column.
Accepted Values:
  • Selected - Shows the filter icon at runtime to where the form user can specify a condition for the column filter.
  • Deselected - The user can not filter the column.
Default Value:
Deselected
Limitations:

AgilePoint NX OnDemand (public cloud), or AgilePoint NX Private Cloud or AgilePoint NX OnPremises v7.0 Software Update 2 or higher.

Data Security Settings
Function:
Specifies whether to store information from the field in the process schema, so the app can use it again, or to simply pass on the information after the form is submitted without storing the information. This option helps to protect sensitive user information.
Accepted Values:
  • Persist - Stores the data from the field in the process schema, so the app can use it again.
  • Do Not Persist - Does not store the data from the field in the process schema. This option provides greater security for sensitive user information.
Default Value:
Persist
Example:
Refer to:

Page Size
Function:
Specifies size of the field on your form.
Accepted Values:
An integer.
Default Value:
10

Show On Tablet Devices
Function:
Specifies if the form field shows on a tablet.
Accepted Values:
  • Selected - The form field shows on a tablet.
  • Deselected - The form field does not show on a tablet.
Default Value:
Selected
Example:
Refer to:

Show On Mobile Phone Devices
Function:
Specifies if the form field shows on a mobile device.
Accepted Values:
  • Selected - The form field shows on a mobile device.
  • Deselected - The form field does not show on a mobile device.
Default Value:
Selected
Example:
Refer to: