Low-Code Designer > Setting up interfaces > Widget types > Data Widgets / Dynamic list

Dynamic list

This widget allows you to customize a display template for data stored in the Table field type.

In the widget settings bind a table from an app as a data source and configure a data display template using additional widgets. That way each table row will be displayed adopting the customized template.

In the settings of additional widgets, you can select both app fields and bound table fields.

To configure the widget, drag it to the canvas or click +Widget. Enter the settings in the opened window.

Main tab

dynamic-list-widget-1

Data array*. Select the data source for the widget. Click on the Bind app icon bind_table-icon, then on the appeared <Not defined> button. Select the Table field type from the app’s context.

System tab

System settings are the same for all the widgets. They are used to configure a widget’s visibility and access to its data, define what happens, when the user moves or hovers the pointer over a widget area, etc. Find out more in the System widget settings article.

To finish the configuration, click Save.

Adjust the Dynamic list template using additional widgets. After that click Save and Publish in the upper left corner of the page.

Use case

Let’s say you have an order specification table in the Orders app. Using the Dynamic list widget, you can display the order’s ID and the Start process button for each row of this table.

To do this, configure the Dynamic list widget in the interface designer. Bind the “Order specification” table in the widget settings and add the Text box and Button widgets.

Select the “Order ID” table column in the Text box widget. Adjust the Button widget to launch the Order Fulfillment process. Save and publish the form settings.

After this each table row will be displayed separately on the form of an app item and you can click the button to start the processing of each order.

dynamic-list-widget-2

Found a typo? Highlight the text, press ctrl + enter and notify us