cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
rampprakash
Power Participant
Power Participant

Gallery with Separate Paging Option

Dear All,

 

I have Gallery Available, in that Gallery i need to populate an option like below image, ON Click of THREE Dots it should open up an another small option page, based on that option i need to perform some operations.

 

Can you please provide me suggestions or any link to proceed.

 

rampprakash_0-1629265385618.png

 

1 ACCEPTED SOLUTION

Accepted Solutions
v-bofeng-msft
Community Support
Community Support

Hi @rampprakash :

Do you want to get something like this:

13.gif

If so,I've made a test for your reference:

1\Add a gallery and set it's items property to:

Table({ID:1},{ID:2},{ID:3},{ID:4})

2\Adjust the container to be large enough, insert a list box(ListBox2) control, and then adjust the container to its original size

14.gif

3\Add a "..." icon and set it's OnSelelct property to:

If(
    TheVariable.Theitem = ThisItem.ID && TheVariable.visible,
    Set(
        TheVariable,
        {
            Theitem: ThisItem.ID,
            visible: false
        }
    ),
    Set(
        TheVariable,
        {
            Theitem: ThisItem.ID,
            visible: true
        }
    )
)

4\set the ListBox2's 

Items

["Option1","Option2","Option3","Option4"]

Visible

TheVariable.Theitem=ThisItem.ID && TheVariable.visible

Note:You can set its OnChange or OnSelect to set the trigger event.

 Best Regards,

Bof

View solution in original post

1 REPLY 1
v-bofeng-msft
Community Support
Community Support

Hi @rampprakash :

Do you want to get something like this:

13.gif

If so,I've made a test for your reference:

1\Add a gallery and set it's items property to:

Table({ID:1},{ID:2},{ID:3},{ID:4})

2\Adjust the container to be large enough, insert a list box(ListBox2) control, and then adjust the container to its original size

14.gif

3\Add a "..." icon and set it's OnSelelct property to:

If(
    TheVariable.Theitem = ThisItem.ID && TheVariable.visible,
    Set(
        TheVariable,
        {
            Theitem: ThisItem.ID,
            visible: false
        }
    ),
    Set(
        TheVariable,
        {
            Theitem: ThisItem.ID,
            visible: true
        }
    )
)

4\set the ListBox2's 

Items

["Option1","Option2","Option3","Option4"]

Visible

TheVariable.Theitem=ThisItem.ID && TheVariable.visible

Note:You can set its OnChange or OnSelect to set the trigger event.

 Best Regards,

Bof

View solution in original post

Helpful resources

Announcements
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

Welcome Super Users.jpg

Super User Season 2

Congratulations, the new Super User Season 2 for 2021 has started!

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

Users online (2,292)