Gallery items and a local collection

(0) Share

Report

Posted on by Sajarac

3,295

Hi there,

Could someone point me in the right direction?

I have several pictures saved in my app "Media"

I have a property for the OnStart to get a collection of my pictures like this:

ClearCollect(
PicCollection,
{
Line1: "Desktop",
Image: Desktop
},
{
Line1: "Fax",
Image: Fax
},
{
Line1: "Laptop",
Image: Laptop
},
{
Line1: "Others",
Image: Others
},
{
Line1: "Photocopiers",
Image: Photocopier
},
{
Line1: "Projectors",
Image: Projector
},
{
Line1: "Motion Tablet",
Image: Tablet
}
);

What I am trying to do is to create a Help User screen with a gallery where the user can click in the left or right icons and navigate trough the pictures and also I have a radio button that I would like to show in witch picture the user is looking.

Like in the sample below the user is currently in picture number 3 of 13

Any help please?

Thanks in advance

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (1)

Sort by

eka24 20,925 on at

Like
a
(0)

Report
Copy link

Link copied!

To help with the code, can you share what you have on the Items of the Gallery.

Also is the icon and the Radio paying same Role?

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No
Sajarac 3,295 on at

Like
a
(0)

Report
Copy link

Link copied!

Gallery Items = PicCollection

And for the Radio I would like to have it in view mode just to indicate the user in witch part of the pictures is located.

Was this reply helpful? Yes No
Sajarac 3,295 on at

Like
a
(0)

Report
Copy link

Link copied!

have a total of 14 pictures in my collection.

I can see all of then in my gallery.

and for the Radio I have the items =
["1","2","3","4","5","6","7","8","9","10","11","12","13","14"]

Don't know if this is correct?

Was this reply helpful? Yes No
Verified answer

eka24 20,925 on at

Like
a
(1)

Report
Copy link

Link copied!
Update the collection OnStart to:

ClearCollect( PicCollection, {Line1: "Desktop",Image: Desktop, ID:1}, {Line1: "Fax",Image: Fax, ID:2}, {Line1: "Laptop",Image: Laptop, ID:3}, {Line1: "Others",Image: Others, ID:4}, {Line1: "Photocopiers",Image: Photocopier, ID:5}, {Line1: "Projectors",Image: Projector, ID:6}, {Line1: "Motion Tablet",Image: Tablet, ID:7})

OnVisible of the Screen:

UpdateContext({Next: 1})

On the Items of the Gallery, update the formula to:

Filter(PicCollection,ID = Next)

Insert two icons and name them NextButton and PreviousButton.

Then

On your NextButton Onselect;

UpdateContext({Next: Next+1})

On your PreviousButton Onselect;

UpdateContext({Next: Next-1})

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No
Sajarac 3,295 on at

Like
a
(0)

Report
Copy link

Link copied!

A BIG THANK YOU.

I also did a small addition...

The Next and previous button keep increasing or reducing the value so I have set this for

LblCurretPicture = Next

PreviousButton DisplayMode = If(Value(LblCurrentPicture.Text)=1,DisplayMode.View,DisplayMode.Edit)

NextButton Display Mode
If(Value(LblCurrentPicture.Text)=14,DisplayMode.View,DisplayMode.Edit)

And also I have removed the radio and replaced it for a slider

Default = Next
Min = 1
Max = 14
DisplayMode = View

And now everything is working fine.

Thank you again!!

Maestro!

Was this reply helpful? Yes No