Skip to main content

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, read-only 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.

Field in next group (grid)​

It is possible to group fields in a grid. This is useful when they logically belong together.

To group fields in a grid:

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

  1. Select the checkbox Next group for the first field of the new group.
  2. Enter a label for the group in the column Group label.

The following rule applies:

  • Windows GUI It is not possible to combine this setting with the setting Number of fields locked, which is used for locking columns in a grid.
  • Universal GUI Grouping is disabled if:
tip

Settings for groups and tabs can also affect hidden columns. If you are getting unexpected results, such as fields in an unexpected group or tab, clear the prefilter Possibly visible to see the hidden columns. This prefilter is active by default.

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

Copy from form​

To copy the order and visibility settings of a form to the grid:

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

  1. Execute the task copy from form.

The order will be copied by default, one-to-one. To also include the visiblity, select Visibility in the pop-up.

If necessary, the visibility will be transformed based on the Type of the source:

  • If it is editable or read-only, the visibility will be transformed to always.
  • If it is hidden, the visibility will be transformed to never.

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 height in positions​

You can set the height in rows for each form field. This is particularly useful when dealing with large amounts of text that span multiple lines. Be aware that the outcome may differ between the Windows GUI and the Universal GUI, as Windows screens are oriented horizontally while Universal GUI screens are vertical.

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

  1. Specify the height in the field Field height in positions.

Field number of positions further​

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

  • To place more than one field on a single line or to create blank spaces, enter the value 0 in the column Field no. of positions further. Then, this field and its label will be displayed on the same line as the previous field. To remove its corresponding label, you also need to enter the value 0 in the column Label width.
  • To add a field in a lower position: enter, for example, the value 3 to add the field two places lower.

Field in next group (form)​

To group fields that belong together in a form:

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

  1. Select the checkbox Next group for the first field of the new group.
  2. Enter a label for the group in the field Group label.
  3. Select an icon for the group in the field Group icon.
tip

Settings for groups and tabs can also affect hidden columns. If you are getting unexpected results, such as fields in an unexpected group or tab, clear the prefilter Possibly visible to see the hidden columns. This prefilter is active by default.

Universal GUI The setting Next group adds an empty position to the form if no label or icon is specified for the group. This space separates the new group from the previous one, even if they are vertically aligned within the same form column. If this is not intended, use Field in next column instead to create a new group without the empty position acting as a separator.

Field in next column​

It is possible to force fields into the next column. All the following fields, including groups, will also be displayed in the next column.

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

  1. Select the checkbox Field in next column for the first field that should be displayed in the next column.
  2. Optional. Combined with the setting Field no. of positions further = 0, the field will get a new position on the form instead of next to its predecessor (see also Field number of positions further).

The following rules apply:

  • In forms or form sections without groups, fields remain together vertically instead of spreading horizontally within the form or form section.
    • Universal GUI To place fields in two columns, if space permits, combine the setting Field in next column (halfway the fields) with the setting Fields on next tab page.
  • Universal GUI In forms or form sections with groups, fields move to a new column if space permits. However, a field will only move to a new column if available form columns exist. Availability depends on the horizontal width and other settings, such as the maximum number of form columns. If the field cannot move to a new column, there will be no visual indication that the group is separated.
note

When Field in next column is set, but the entire preceding group is hidden, the Universal GUI removes the label and icon of the preceding group. In previous generation GUIs, the group 'inherited' the label and icon from the field marked with Field in the next column. To ensure a smooth transition from previous generation GUIs, you can execute the enrichment Retain group label and icon for fully hidden form groups. This enrichment transfers the Field in next column setting to the hidden form field that introduces the group.

Fields in next tab or section​

Universal GUI - The Universal GUI is oriented vertically, which means that a form can be vertically divided into sections.

  • To place fields over the full width of a form, combine the setting Fields on next tab page with the setting Next group.
  • To place fields in two columns (if space permits), combine the setting Fields on next tab page with the setting (halfway the fields) Field in next column.

Windows GUI - The Windows GUI is oriented horizontally, which means that a form can be horizontally divided into tabs. If the data does not fit on the next tab, it will be renumbered.

Tab bar with multiple tabs Example of multiple numbered tabs in the Windows GUI

To move fields to the next tab or section with their own label and icon:

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

  1. Select the column that should be shown on the next tab or section.
  2. Select the checkbox Field on next tab page.
  3. Enter a name for the next tab or section in the field Tab page label.
  4. Select an icon for the next tab or section in the fields Tab icon path and Tab icon.
note

If a tab container has a vertical orientation and at least one of its detail tabs has an icon, icon space is reserved for every detail tab in that container, even if they have no icon. See also Vertical tabs.

tip

Settings for groups and tabs can also affect hidden columns. If you are getting unexpected results, such as fields in an unexpected group or tab, clear the prefilter Possibly visible to see the hidden columns. This prefilter is active by default.

Move fields to the next tab

Copy from grid​

To copy the order and visibility settings of a grid to the form:

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

  1. Execute the task copy from grid.

The order will be copied by default, one-to-one. To also include the visiblity, select Visibility in the pop-up.

If necessary, the visibility will be transformed based on the Type of the source:

  • If it is editable or read-only, the visibility will be transformed to always.
  • If it is hidden, the visibility will be transformed to never.

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, 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

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 article helpful?