# Modal Pop-Up How-To?

**URL:** <https://forum.inductiveautomation.com/t/modal-pop-up-how-to/15211>\
**Category:** Ignition\
**Created:** [August 30, 2017, 9:51pm UTC](https://forum.inductiveautomation.com/t/modal-pop-up-how-to/15211 "2017-08-30T21:51:19Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![AlThePal](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/althepal/32/3603_2.png) [@AlThePal](https://forum.inductiveautomation.com/u/AlThePal)\
**Post date:** [September 7, 2017, 5:32pm UTC](https://forum.inductiveautomation.com/t/modal-pop-up-how-to/15211/11 "2017-09-07T17:32:33Z")

</div>

The simplest way I’ve found to do this is:

1. Create a modal dialog with opaque background as described [here](http://forum.inductiveautomation.com/t/modal-windows/651).
2. Create a Client Boolean tag called ‘modal’.
3. Create your docked window, then create a container the full size of the docked window and move it to the top of the z-order. Set the container’s `Opaque` property to false and bind it’s `Visibility` property to the `modal` Client tag. In the container’s `mouseClicked`, `mousePressed` and `mouseReleased`’ events enter `pass` to consume the mouse clicks.
4. When you open and close your popup make sure you set and clear the `modal` tag.

This should ensure you can still see all controls under the popup but cannot click on any of them. I also like to put a tint on the popup background and container to focus attention on the popup.

---

_[View the full topic](https://forum.inductiveautomation.com/t/modal-pop-up-how-to/15211)._