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

[PathumBandara]

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.

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

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

 

 

How do I fix this issue?

Thank you,

Pathum 

 

 

[Jacky_Shen]

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 · Accepted solution]

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]

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.

[PathumBandara]

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