Freely Formatted Table

In a custom table, you can embed an application page that is displayed repeatedly for each existing record in the table. The embedded page can be designed however you like.

When input pages are integrated, data can be edited directly in the table. You can find instructions on how to do this here.

Freiform tables cannot be nested; that is, they cannot be used on pages that already contain a freiform table.

Data from a custom table can be exported to various formats.

The "Freiform Table" element is a type of overview.

You can find the customizable table in the "Applications" module under "Elements. " You can create a new element by dragging and dropping it from here onto the workspace.

For more information on creating elements, click here.

The Properties dialog box for a custom table opens automatically when the table is created.

The Properties dialog box for an existing custom table can be opened by double-clicking the element on the workspace, selecting "Properties" from the context menu, or selecting "Edit / Properties" from the main menu when the table is selected on the workspace.

Data

On the "Data" tab in the Properties dialog box for the customizable table, you can specify the data source and the embedded page. In addition, you can specify how the table is sorted.

Application / Data Group

Select the data source here.

Filter

Opens a dialog box where you can define a filter to limit the records in the view table.

Show Dependent Rows

This setting is available only if you have selected a child data group as the data source. With this setting, only the records that have a parent-child relationship with the currently selected record are displayed.

Data View Page

Select the page here that you want to use for the customizable table. This page is repeated in the table for viewing (view page) or editing (entry page) the records.

Please note the requirements for embedded pages.

Edit Parameters

Opens a dialog box where you can edit the page settings. You can find all the information here.

For new records / For existing records

Reload table

When new records are created using the "Add Record" button action, you can specify here whether the table should be reloaded to display the new or existing records.

Perform a jump

With this setting, the jump configured in the jump destination of any buttons on the embedded input page is executed.

Sorting

This section displays the data fields that have been specified for sorting the table.

Sorting

Opens a dialog box where you can set the table's sort order.

Click "OK" to complete the table configuration. It is then placed on the work surface. There, you can open the Properties dialog by double-clicking the element if you want to edit the settings.

Options

Title

Enter the title of the custom table here. You can find more information on this topic here.

General Settings

Display of Data Records

Here, you can choose between the following HTML elements

  • Table (Table Format)

  • Unordered List (displayed as an unsorted list with bullet points)

  • Div (Display by rows)

Number of records per page

This setting determines the maximum number of records displayed on a single page in the browser. Entering -1 displays all records.

Display text if no record exists

This setting causes text to be displayed when no data is available.

  • Use Global Text

    Uses the text stored in the portal properties in the global language constant DR_NO_RECORD in multiple languages.

  • Text to display if no record is found

    Static text or a constant can be entered here if the "Use global text" setting is not selected.

Flowing Arrangement

This option is available only if the "Div" display option has been selected in the "Data Record Display" setting. By default, records in custom tables are arranged one below the other. With the continuous layout, the data sets are arranged side by side and wrap to the next line as soon as the end of the row is reached.

Header

Show Title

With this setting, the table header is displayed.

Edit

Opens a dialog box where you can format the table header.

Footer

You can find information about these settings here.

Advanced Settings for Displaying Data Records as a "Table" and "Unordered List"

Show column headers

With this setting, the titles of the items on the view page are displayed as column headers.

Number of records per row

This results in a multi-column display as soon as a value greater than 1 is set. The view page is repeated from left to right.

Distance between data points

The spacing is increased by the value entered here, in pixels, both vertically and horizontally.

Frame width

Here, you can set a frame and its width.

Gridlines

Gridlines can be displayed as either row or column lines.

Requirements for Embedded Pages

The embedded page can be designed however you like, as long as it does not contain any of the following elements:

The following functions are not available on pages that include custom tables:

When input pages are integrated, data can be edited directly in the table. You can find instructions on how to do this here.

Freiform tables cannot be nested; that is, they cannot be used on pages that are already embedded in a freiform table.

Responsive Layout with Tiles

Style classes can be assigned to the custom table, allowing the embedded page to be displayed as a "tile."

There are various style classes that display a different number of tiles side by side for screen sizes S, M, and L. These style classes are added in the table's Properties dialog box on the "View" tab.

The following configurations are available:

Style Class

Presentation
.ix-l2

S = a full-width tile

M = a full-width tile

L = two tiles side by side at 49.5% width
.ix-m2l2

S = a full-width tile

M = two tiles side by side at 49.5% width

L = two tiles side by side at 49.5% width
.ix-m2l3

S = a full-width tile

M = two tiles side by side at 49.5% width

L = three tiles side by side at 32.66% width
.ix-m2l4

S = a full-width tile

M = two tiles side by side at 49.5% width

L = four tiles side by side at 24.25% width
.ix-m3l5

S = a full-width tile

M = three tiles side by side at 32.66% width

L = four tiles side by side at 19.2% width
.ix-s2m4l6

S = two tiles side by side at 49.5% width

M = four tiles side by side at 24.25% width

L = six tiles side by side at 15.66% width
.ix-s2m5l7

S = two tiles side by side at 49.5% width

M = five tiles side by side at 19.2% width

L=seven tiles side by side at 13.4285% width

The spacing between individual tiles is always 1%.

Enter the desired style class on the "View" tab in the "Style Class" field in the format "shapedtable-standard <style class>" (example: shapedtable-standard ix-s2m5l7).

You can find the style classes in the "Design" module under Layout > Control Elements > Advanced Properties, under the "Responsive Free Tables" style node. The node is only visible if you have enabled Expert Mode.

Promotions

You can find all the information about these settings here.