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

Notifications

Announcements

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

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 386 Most Valuable Professional

#2
Kalathiya Profile Picture

Kalathiya 361

#3
MS.Ragavendar Profile Picture

MS.Ragavendar 339 Super User 2025 Season 2

Last 30 days Overall leaderboard