cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
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.

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted

@v-yutliu-msft 

 

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

 

https://youtu.be/Ui51JSjRYW4

View solution in original post

4 REPLIES 4
Highlighted
Super User III
Super User III

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

Highlighted

@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

Highlighted

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.
Highlighted

@v-yutliu-msft 

 

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

 

https://youtu.be/Ui51JSjRYW4

View solution in original post

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

News & Announcements

Community Blog

Stay up tp date on the latest blogs and activities in the community News & Announcements.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Community Highlights

Community Highlights

Check out the Power Platform Community Highlights

Top Solution Authors
Top Kudoed Authors
Users online (12,793)