# Small Popup Window Creation

**URL:** <https://forum.inductiveautomation.com/t/small-popup-window-creation/37527>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [August 8, 2020, 6:38pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527 "2020-08-08T18:38:14Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![vasilevdim](https://avatars.discourse-cdn.com/v4/letter/v/7ba0ec/32.png) [@vasilevdim](https://forum.inductiveautomation.com/u/vasilevdim)\
**Post date:** [August 8, 2020, 6:38pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/1 "2020-08-08T18:38:14Z")

</div>

Hello All,

I need to create small popup window which will contain some info, if some condition is true, lets say, if some process is over. The available options for popup windows do not suite me, because the window size is big. So how can I do that?

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [August 8, 2020, 8:15pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/2 "2020-08-08T20:15:47Z")

</div>

Is this in Vision? And by “available options for popup windows,” are you referring to [system.gui.messageBox](https://docs.inductiveautomation.com/display/DOC80/system.gui.messageBox)? Or are you having issues creating your own popup window at the size you want? What have you tried?

---

<div class="post-metadata">

**Author:** ![vasilevdim](https://avatars.discourse-cdn.com/v4/letter/v/7ba0ec/32.png) [@vasilevdim](https://forum.inductiveautomation.com/u/vasilevdim)\
**Post date:** [August 8, 2020, 9:05pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/3 "2020-08-08T21:05:29Z")

</div>

Whitman, thank you for your reply. So far I have tried only creating popup window in Vision project tree, which is too big for the purpose I need.But maybe it is good idea to try system.gui.messageBox, thanks.

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [August 8, 2020, 9:51pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/4 "2020-08-08T21:51:48Z")

</div>

I wouldn’t use system.gui.messageBox. You should be able to make pretty small popup windows. Here’s the smallest one I’ve got handy (269 x 101), but I’m sure they can go smaller:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/8/d8caed889426db850808ffb67131d679a29518e2.png)

---

<div class="post-metadata">

**Author:** ![vasilevdim](https://avatars.discourse-cdn.com/v4/letter/v/7ba0ec/32.png) [@vasilevdim](https://forum.inductiveautomation.com/u/vasilevdim)\
**Post date:** [August 9, 2020, 8:07am UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/5 "2020-08-09T08:07:30Z")

</div>

Thank you, witman, it works. Any hint how to make the popup window flashing?

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [August 9, 2020, 4:45pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/6 "2020-08-09T16:45:52Z")

</div>

If you want the background to flash, use a property binding on the root container background color:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/4/941f6d8855c26310d6a36d20969569fb3756104c.png)  
You can set a flashing color as shown above, or bind to a flasher tag you create to synchronize flashing between this and any other flashing elements you create (for this latter method, instead of using the flashing option on the binding, set the two colors for the two or more values of your flasher tag).

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [August 9, 2020, 4:55pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/7 "2020-08-09T16:55:17Z")

</div>

You can also make the popup window’s background transparent and set title and border display to never if you want to use a rectangle with rounded corners as the background to get a popup that looks something like this:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/6/66a04463a34d1b193c03c570d00f8aa1ed9e5f6d.png)  
To get the transparent background, put this code in the popup window’s internalFrameActivated event:

```auto
# Make background transparent.
window = event.source
window.setOpaque(0)

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/e/1eb0558807683524432329b5263b5ba4dfbc00ed.png)

---

<div class="post-metadata">

**Author:** ![vasilevdim](https://avatars.discourse-cdn.com/v4/letter/v/7ba0ec/32.png) [@vasilevdim](https://forum.inductiveautomation.com/u/vasilevdim)\
**Post date:** [August 9, 2020, 5:05pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/8 "2020-08-09T17:05:15Z")

</div>

Thank you, witman, much appreciated.

---

<div class="post-metadata">

**Author:** ![Alex\_Mercer](https://avatars.discourse-cdn.com/v4/letter/a/bbe5ce/32.png) [@Alex\_Mercer](https://forum.inductiveautomation.com/u/Alex_Mercer)\
**Post date:** [November 14, 2024, 11:21pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/9 "2024-11-14T23:21:45Z")

</div>

> [@witman](#):
>
> You can also make the popup window’s background transparent and set title and border display to never if you want to use a rectangle with rounded corners as the background to get a popup that looks something like this:
> 
> ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/6/66a04463a34d1b193c03c570d00f8aa1ed9e5f6d.png)  
> To get the transparent background, put this code in the popup window’s internalFrameActivated event:
> 
> ```python
> # Make background transparent.
> window = event.source
> window.setOpaque(0)
> 
> ```
> 
> ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/e/1eb0558807683524432329b5263b5ba4dfbc00ed.png)

Great guide, thanks a lot!

---

<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:** [November 14, 2024, 11:36pm UTC](https://forum.inductiveautomation.com/t/small-popup-window-creation/37527/10 "2024-11-14T23:36:13Z")

</div>

Welcome to the forum, Alex. The [Keep It Tidy](https://forum.inductiveautomation.com/faq#keep-tidy) section of the FAQ asks that we don't post "Agreed" posts but use the like button instead. The author will get a notification in her/his inbox. Especially don't quote the whole post as it really clogs up a thread. You can refer to a post by number (displayed in the right margin), if required.
