It is relatively straightforward to visualize API (JSON) responses using a PowerApps Gallery Control.
Do this:
- Ensure the Flow has the correct JSON response before proceeding
- Add
ClearCollect(colResponse, myFlow.apiRequest())
Function to a Button Control in the PowerApp
- Execute the API call (click the button)
- Inspect
colResponse
(View/Collections) to ensure it has content
- Insert a blank Gallery Control
- Set its
Items
Property to colResponse
- Insert a TextBox Control into the Gallery
- Set its
Text
Property to ThisItem.<someColumn>
Depending on the shape of your JSON response (flat or nested table), you may have to do some wrangling.
There are 3 areas to focus your wrangling:
- On the
ClearCollect
Function.
a. Add some dot notation to the end of this to "dig" into the API response before it hits the Gallery Control
b. Example: ClearCollect(colResponse, myFlow.apiRequest()).someColumn
- On the Gallery Control
Items
Property
a. Add some dot notation to the end of colResponse
to "dig" into the Collection
b. Example: colResponse.someColumn
- On the TextBox Control within the Gallery
a. Add the First()
Function to the Text
Property
b. Example: `First(ThisItem.someColumn).someColumn2'
c. Note: There are some JSON schemas that require MULTIPLE First()
's to "dig" into the correct level. First(First(ThisItem.someColumn).someColumn2).someColumn3
etc.
See this video for tips on visualizing API responses in PowerApps Galleries.