Skip to content

Inspect live data values

How-to guide · All levels · HTML Editor

Trace a displayed value back to its component or repeat scope.

Trace a displayed value back to its component or repeat scope.

  • An open, running App Connect page and a selected component with data to inspect.

Open the page, select the relevant element, and open Data in Selection Panels. Click Refresh after an interaction when you need a new snapshot.

Select the data-owning component, then expand its data tree to the object or array item containing the field used by the page. Compare the actual field name and value with the binding. An empty string, null, a missing property and an empty array have different meanings.

If the field is absent, inspect the action output in Network. If the field is present but the wrong record is selected, check repeat or detail scope. Use the Data Bindings picker to edit bindings; inspecting the Data panel does not insert a binding automatically.

You can identify the field, its current value and whether it is missing, null or empty.