Showing results for 
Search instead for 
Did you mean: 
Helper V
Helper V

Dialogue PopUp Component responding to Header Component Button

On all pages our tablet app has a component that is a header header across the top,  with a Community button in it.

Header Buttons.PNG





The Community pop up is a component as well that looks like this, with a Close button on it.

Generic PopUp.PNG










I tried using Global Variables and Booleans to control opening & closing but I couldn't get it to work.


Accepted Solutions



Here is a Youtube with instructions and downloadable templates for it.

View solution in original post


Set the visible property of your pop up to var_PopUp

OnSelect property of community button Set(var_PopUp, true)


On select of the buttons on the pop up Set(var_PopUp, false)


This will make the pop up shown when clicking the community button and hide when clicking one of the buttons on the pop up


@Humanity if this answers your question please mark it a solution

@jlindstrom  Thank you.  However when I do this the pop up disappears permanently & never comes back.  I've tried a variation of this earlier too with the same result.  I'm getting the impression global variables do not work with components?


Close Eg.PNGCommunity Eg.PNGPopUp eg.PNG

Hi @Humanity ,

Do you want to change a component's visible based on another component and change a component's visible based on a button inside itself?

Actually, I do not think this will work.

The key point is that component does not support custom property.

So if you click one button in component1, you could not create a variable that could be used in component2.

The variable that is created by component1 could only be used inside component1.


Here are two alternative solutions for your issue:
1)do not put the close and open icon in components

Outside component, you could make them to set the same variable.

2)put close and open icon in the same component

Inside the same component, you could make them to set the same variable.




Best regards,

Community Support Team _ Phoebe Liu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.



Here is a Youtube with instructions and downloadable templates for it.

View solution in original post

Helpful resources

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!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Top Solution Authors
Top Kudoed Authors
Users online (1,598)