Skip to Content

Dynamic (control type) in Jitterbit App Builder

A Dynamic control renders as a different control type at runtime based on the state of an underlying data object. For example, a Dynamic control could render as a Text, Checkbox, or List control depending on the data in the row. This is especially useful for forms that need to support multiple input types. To use the Dynamic control type, the underlying data structure must be configured first.

The following control types are compatible with a Dynamic control:

  • List
  • Text
  • Text Area
  • Numeric
  • Checkbox
  • Button: Requires setting the Control Subtype value.
  • Date: Requires setting the Control Subtype value.
  • Color Picker
  • HTML
  • Password
  • Radio
  • Tags: Compatible in App Builder 4.65 and later.

Add a Dynamic control

To add a new Dynamic control to a panel, use the Add a Control dialog and select Dynamic Control as the Control Type. This reveals a Control Type Column field; select the column that stores which control type to render for each row.

Convert an existing control to a Dynamic control

To change an existing control to use the Dynamic control type:

  1. Navigate to the control, using either the Live Designer or the App Workbench:

    • From the app preview, open the page containing the control and select Action Drawer > Live Designer.

    • From the App Workbench, open the Pages tab, then in the Pages panel, locate the page containing the control and either double-click its row or click the Open record icon. In the Page Panel Layout panel, find the panel that houses the control and click Controls.

  2. If you're in the Live Designer, click the control in the page view; this will populate the Live Designer with edit options for that control. If you're in the App Workbench, in the Controls panel, find the control and either double-click its row or click the Open record icon at the end of its row; App Builder opens a dialog similar to the Live Designer's.

  3. In the Control Properties tab, set the Control Type field to Dynamic Control. A Control Type Column field becomes available; select the column that stores which control type to render for each row.

  4. Click Save.

Refresh the application view to confirm the update. The control now renders based on the state of its underlying data object.