Skip to main content
Version: 2022

Components

Components

The settings for the grid, form and card list can be changed in the Components tab.

Grid

menu User interface > Subjects > tab Default/Variants > tab Components > tab Grid

Below, you will find the options to configure a table grid.

Grid within Components for a selected table Overview of a grid for a table in the Components tab

Field order in a grid

menu User interface > Subjects > tab Default/Variants > tab Components > tab Grid

The field order in a grid may differ from the table definition. For each grid, you can define a different order using the tasks on the left side of the screen.

Grid column type

menu User interface > Subjects > tab Default/Variants > tab Components > tab Grid

In the column Grid type you can set whether a column in the grid should be editable, readonly or hidden. This is relevant if a user switches the grid to edit mode (so, if they select the option Edit in grid).

This option can never be set more freely than the definition in the column. See Type of column.

Grid column width

menu User interface > Subjects > tab Default/Variants > tab Components > tab Grid

The column width is determined by the Thinkwise list component. You can adjust it by specifying the width in pixels.

Grouping fields

menu User interface > Subjects > tab Default/Variants > tab Components > tab Grid

Fields that logically belong together can be grouped by selecting the Next group box for the first field in a group. You can add a label for this group in column Group label.

Aggregation

menu User interface > Subjects > tab Default/Variants > tab Components > tab Grid

With the options Show aggregation and Aggregation type, you can display the totals in the grid such as the number of rows, minimum and maximum values, and the sum or average of a column. These will be displayed in your end-product under the corresponding list.

Drop down list with the aggregation options Drop down list with the aggregation options

Form

The following options are available for configuring a table's form. They also apply to a formlist, except for the options about the tab pages.

menu User interface > Subjects > tab Default/Variants > tab Components > tab Form

Form within Components for a selected table Overview of a form for a table in the Components tab

Field order in a form

menu User interface > Subjects > tab Default/Variants > tab Components > tab Form

For each form, you can define a different field order using the tasks on the left side of the screen.

Form field type

menu User interface > Subjects > tab Default/Variants > tab Components > tab Form

The form field Type determines whether a field in the form is editable, read-only, or hidden. This option can never be set more freely than the definition in the column. See Type of column.

Field number of positions further

menu User interface > Subjects > tab Default/Variants > tab Components > tab Form

It is possible to place more than one field on a single line or to create blank spaces by entering the value 0 for Field no. of positions further. This field and its label will be displayed on the same line as the previous field.

To remove the corresponding label, you also need to enter the value 0 for Label width.

Field in next group

menu User interface > Subjects > tab Default/Variants > tab Components > tab Form

Fields that belong together can be grouped in a form by selecting Next group in the first field of the new group. You can add a label and icon to the group in the fields Group label and Group icon.

Field in next column

menu User interface > Subjects > tab Default/Variants > tab Components > tab Form

It is possible to force the insertion of fields and groups into the next column by selecting the Field in next column box for the first field that should be displayed in the next column. All the following fields, including groups, will be displayed in the next column).

Fields on next tab

menu User interface > Subjects > tab Default/Variants > tab Components > tab Form

It is also possible to place fields (with groups) on the next tab by selecting the Field on next tab box. The label used here will be the heading of the tab. If the data does not fit on one tab, renumbering will be applied from the new tab with the new label.

Tab bar with multiple tabs Example of tab bar with multiple tabs

Card list

menu User interface > Subjects > tab Default/Variants > tab Components > tab Card list

Card list within Components for a selected table Overview of a Card list within Components for a selected table

Mainly, but not only, for Mobile, the screen type for column display is called card list. On the left, card list has room for data such as a photograph (see image) with three lines for extra information. This allows for more text to be displayed on a smaller area.

Card list screen type Example of a card list screen type

The card list will be displayed by mobile if one of the following conditions are met:

  • The device screen width is 800 pixels or more and..
    • There is no form, card list or grid configured for the screentype. A form and card list will be shown next to each other.
    • Combined, there are more than 2 form, card list or grid components configured for the screentype. A form and card list will be shown next to each other.
  • The device screen width is smaller than 800 pixels and..
    • There is a form and grid configured for the screentype. A card list will be shown.
    • There is a card list configured for the screentype, but no form. A card list will be shown.

Tree

menu User interface > Subjects > tab Default/Variants > tab Components > tab Tree

A tree view can be created by using a screen type that contains a Treeview component.

  • For more information on settings, see Tree settings.
  • It is possible to model on which sorted columns the tree has to group. See Group.

Cubes

menu User interface > Subjects > tab Default/Variants > tab Components > tab Cube

This indicates whether a table or view is a cube and which options this offers. See cubes.

Was this page helpful?

Happy React is loading...