# How to close a popup window when navigate to another Page

**URL:** <https://forum.inductiveautomation.com/t/how-to-close-a-popup-window-when-navigate-to-another-page/90482>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 16, 2024, 9:07am UTC](https://forum.inductiveautomation.com/t/how-to-close-a-popup-window-when-navigate-to-another-page/90482 "2024-05-16T09:07:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [May 16, 2024, 9:07am UTC](https://forum.inductiveautomation.com/t/how-to-close-a-popup-window-when-navigate-to-another-page/90482/1 "2024-05-16T09:07:21Z")

</div>

Hello!,

I open a popup window that aplies to a Page

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/6/6672d91f53d5dcbae51a4ebb3f0a259c34e8ed7f.png)

but when I navigate to another page the popup window doesn´t disapear.

How could I do for the popup window dissapear when I navigate to any other Page?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [May 16, 2024, 9:14am UTC](https://forum.inductiveautomation.com/t/how-to-close-a-popup-window-when-navigate-to-another-page/90482/2 "2024-05-16T09:14:28Z")

</div>

Option 1: Make it modal so that you can't click on the background page without closing the popup first.  
Option 2: Set `overlayDismiss` to true. Then if you click outside the popup it automatically closes.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [May 16, 2024, 9:25am UTC](https://forum.inductiveautomation.com/t/how-to-close-a-popup-window-when-navigate-to-another-page/90482/3 "2024-05-16T09:25:32Z")

</div>

Design comment: when I see a green background on the dialog what am I supposed to think?

- Is it telling me something I don't understand?
- Does it mean it is safe? Would it be red if it was not safe?
- Is it the company brand color and is used all through the application?
- Is it just there because the designer thought it was pretty?

Be consistent. If it is a standard dialog then use standard dialog background color.

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [May 16, 2024, 9:30am UTC](https://forum.inductiveautomation.com/t/how-to-close-a-popup-window-when-navigate-to-another-page/90482/4 "2024-05-16T09:30:51Z")

</div>

Thanks for the input Transistor, now I just using the green color to aprove data, and red color to reject it on the DB.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/4/744348e46e38f092fff379147ce369f026e72e58.png)

Probably is good Idea to make it more light