Embed Gallery in a gallery and verify

(0) Share

Report

Posted on by marial16

443

Hallo,

I am stuck at something here trying to build an interactive quiz

I have a list with columns "Title","RelevantImage"."ImageToChose"

I display the Relevant Images in a vertical gallery.

Every Image in this gallery has 4 choices (Images in ImageToChose column)

So i added another gallery inside the other.

I have still not figured out how to connect the relevant image to the 4 options so i can get a verification every time the correct one is selected.

Categories:

Building Power Apps

All responses (4)

Answers (1)

Sort by

GarethPrisk 2,828 on at

Like
a
(0)

Report
Copy link

Link copied!

You may want to split this into two collections.

Main collection with Title and ID columns.
{ Title: "First", ID: 1 }
{ Title: "Second", ID: 2 }

Second collection with Image, ID, and IsCorrect columns.
{ Image: ImageFileOrRef, ID: 1, IsCorrect: false }
{ Image: ImageFileOrRef, ID: 1, IsCorrect: true }

This way, you can simply have an embedded Gallery which filters the second collection using ID from the parent rows ThisItem.ID
You also have the ability to simply indicate if the row is correct or not.

It's also possible using a table per row, like your example, but becomes more complicated for managing those table values in the embedded Gallery.
v-yutliu-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @marial16 ,

Could you tell me:

1) the fields data type of "Title","RelevantImage"."ImageToChose"?

2)the relationship between these two fields "RelevantImage"."ImageToChose"?

3)data in this two fields? If you could show me in your sharepoint list, it will be better.

4)what kind of data do you want to display in the gallery1 and the nested gallery2?

I do not quite understand:

"Every Image in this gallery has 4 choices"

"connect the relevant image to the 4 options so i can get a verification every time the correct one is selected."

Please show me more details.

Best regards,
marial16 443 on at

Like
a
(0)

Report
Copy link

Link copied!

Hallo and sorry for the delayed reply.
Title is a single line of text field.
ImageToChose and RelevantImage are picture/hyperlink (pictures in my case)
there are 4 images (gallery1) that have a single match from 4 other images ImagesToChose (gallery2 embedded).
Verified answer

v-yutliu-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @marial16 ,

Do you mean that:

1)outside gallery1 is used to display RelevantImage field?

2)inside gallery2 is used to display related ImagesToChose field?

3)the same title field with the same image in RelevantImage field, but different images in ImagesToChose field?

If so, you could set like this:

1)gallery1's Items:

Distinct(listname,Title)

insert a label in gallery1, set the label's Text:

ThisItem.Result

insert an image in gallery1, set its Image:

LookUp(listname,Title=ThisItem.Result,RelevantImage)

2)insert a gallery(gallery2) inside gallery1

set gallery2's Items:

Filter(listname,Title=ThisItem.Result)

insert an image inside gallery2, set its Image:

ThisItem.ImageToChose

Then in gallery2, it will display related ImageToChose based on Title field.

Best regards,