Dialogue PopUp Component responding to Header Component Button

[Humanity]

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

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

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

[jlindstrom]

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

[Humanity]

@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?

[v-yutliu-msft]

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,

[Sacred_Totems · Accepted solution]

@v-yutliu-msft 

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

https://youtu.be/Ui51JSjRYW4