web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / visualising a complex ...
Power Apps
Answered

visualising a complex json in powerapps

(0) ShareShare
ReportReport
Posted on by 69

I'm having a hard time to visualise a complex Json return in powerapps:

There is a public api available for fetching scores of gym tournaments link to API

and I would like to give it visability in galery's/tables.

 

(check the link for the json)

 

 

 

In the app i use a gallery to show the names and the score: 

 

 

 

 

If(!IsBlank(VarSelectedEvent),ScoreExpress_1.GetScores(VarSelectedEvent,GalleryRankings.Selected.id).data.items,Blank())

 

 

 

 

the result is a list of records with a single line of formatted text composed from the record-content: 

 

 

 

 

ThisItem.ranking.place & Char(9) & First(ThisItem.participation.names).Value & Char(9) & " Score: " & ThisItem.ranking.score & Char(9) & ThisItem.participation.club & First(First(ThisItem.participation.scores).exercises).total & Char(9)

 

 

 

 

But for each record I would like to show the nested tables with scores: (this part)

 

 

 

 

"scores":[
{
"round":0,
"exercises":[
{
"total":"42.070",
"passes":[
{
"total":"42.070",
"values":[
{
"label":"diff",
"value":"1.600"
},
{
"label":"ToF",
"value":"14.020"
},
{
"label":"exec",
"value":"17.000"
},
{
"label":"hd",
"value":"9.450"
},
{
"label":"pen",
"value":"0.000"
}
]
}
],
"roundId":"097b776b7cc5dca41577aa53f2a821aa",
"exerciseTypeId":"tra-exercise-1",
"status":"finished"
},
{
"total":"47.600",
"passes":[
{
"total":"47.600",
"values":[
{
"label":"diff",
"value":"8.200"
},
{
"label":"ToF",
"value":"13.800"
},
{
"label":"exec",
"value":"16.000"
},
{
"label":"hd",
"value":"9.600"
},
{
"label":"pen",
"value":"0.000"
}
]
}
],
"roundId":"097b776b7cc5dca41577aa53f2a821aa",
"exerciseTypeId":"tra-exercise-2",
"status":"finished"
}
]
}
],
"aaResults":null
}

 

 

 

 

 

 

I tried this approach in the onselect of a record in the galery, but I don't seem to get there:

 

 

 

 

 

ClearCollect(ColScores,ThisItem.participation.scores);

Clear(ColRealTable);
ForAll(ColScores As TableScores, Collect(ColRealTable, {naam:TableScores.exercises}));
ForAll(ColRealTable As RealTableScores, Collect(ColRealTableValues, {test:RealTableScores.naam}));
//ForAll(ColRealTableValues As RealTableValues, Collect(ColRealTableValuesLast,{discipline:ThisRecord.label}))

 

 

 

 

 

any suggestions on how to get the nested tables formatted without losing the hierarchy?

Any help would be appreciated!

 

Categories:
I have the same question (0)
  • Kurry Profile Picture
    69 on at

    I have been looking into making a colection inside a colection, but I failed.  any other ideas?

  • Kurry Profile Picture
    69 on at

    Let me clarify me question with some image of what I would like to get to:

    for all records of this peace of json:

    items":[
    {
    "participation":{
    "number":213,
    "category":"B - 17+ jaar Meisjes",
    "names":[
    "INDEHERBERG Kobie"
    ],
    "club":"GYM 90 BERINGEN",
    "country":"noc",
    "scores":[
    {
    "round":0,
    "exercises":[
    {
    "total":"42.070",
    "passes":[
    {
    "total":"42.070",
    "values":[
    {
    "label":"diff",
    "value":"1.600"
    },
    {
    "label":"ToF",
    "value":"14.020"
    },
    {
    "label":"exec",
    "value":"17.000"
    },
    {
    "label":"hd",
    "value":"9.450"
    },
    {
    "label":"pen",
    "value":"0.000"
    }
    ]
    }
    ],
    "roundId":"097b776b7cc5dca41577aa53f2a821aa",
    "exerciseTypeId":"tra-exercise-1",
    "status":"finished"
    },
    {
    "total":"47.600",
    "passes":[
    {
    "total":"47.600",
    "values":[
    {
    "label":"diff",
    "value":"8.200"
    },
    {
    "label":"ToF",
    "value":"13.800"
    },
    {
    "label":"exec",
    "value":"16.000"
    },
    {
    "label":"hd",
    "value":"9.600"
    },
    {
    "label":"pen",
    "value":"0.000"
    }
    ]
    }
    ],
    "roundId":"097b776b7cc5dca41577aa53f2a821aa",
    "exerciseTypeId":"tra-exercise-2",
    "status":"finished"
    }
    ]
    }
    ],
    "aaResults":null
    },

     

    I would like to get this result:

     

    scores.png

    Preferably in a galery listing all the participants with the scores.

     

    Thanks in advance!

     

  • Verified answer
    Kurry Profile Picture
    69 on at

    After a lot of digging, I found the ungroup function to flatten the table. 

    Using this inside of the galery gives you the opportunity to load the values as records.

    Ungroup(ThisItem.participation.scores,exercises)

     

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 93 Most Valuable Professional

#2
Haque Profile Picture

Haque 81

#3
Valantis Profile Picture

Valantis 49

Last 30 days Overall leaderboard