cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
PathumBandara
Frequent Visitor

Bring dropdown menu forward on edit mode and send back on view mode

Hey all,

 

Newbie on Poweapps. Im am creating this app to keep a tally on a bar. I have a dropdown menu inside a button, which I would like to bring forward on edit mode, but stay at back otherwise, so its not in the way of selecting the button. Please see attached screenshots. 

 

This is how it looks like in edit mode.

Edit Mode Dropdown forward.png

But in view mode, the dropdown menu is in the way of the button. If I click in the dropdown my button wont work.

View Mode Dropdown forward.png

 

If I send the dropdown menu backward, as shown below, I can't access the dropdown menu in edit mode (see the screenshots).

Send Backword.png

Edit Mode Dropdown at the back.png

How do I fix this issue?

 

Thank you,

Pathum 

 

 

 

 

 

 

1 ACCEPTED SOLUTION

Accepted Solutions
Jacky_Shen
Resolver IV
Resolver IV

Hi @PathumBandara ,

 

I think you can consider to hide Button1, then you can set the "Visible" property to:

If(TglEdit.Value=true,false,true)

 

View solution in original post

4 REPLIES 4
Jacky_Shen
Resolver IV
Resolver IV

Hi @PathumBandara ,

 

What is the button for? Probably you can consider just put the button at the beside the dropdown or under the dropdown...

Jacky_Shen
Resolver IV
Resolver IV

Hi @PathumBandara ,

 

I think you can consider to hide Button1, then you can set the "Visible" property to:

If(TglEdit.Value=true,false,true)

 

VSJadhav
Helper II
Helper II

Check CSS for the button.
I think on view mode, button CSS getting changed. Use JavaScript or JQuery with condition.
if ViewMode is true then set CSS for button.

That's a great work around... Thank you so much for the suggestion. 

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

May UG Leader Call Carousel 768x460.png

June User Group Leader Call

Join us on June 28 for our monthly User Group leader call!

PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

PA.JPG

New Release Planning Portal (Preview)

Check out our new release planning portal, an interactive way to plan and prepare for upcoming features in Power Platform.

Top Solution Authors
Users online (1,381)