# Open several pop up at the same time

**URL:** <https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [May 2, 2022, 7:24am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107 "2022-05-02T07:24:43Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![DUMAS\_Solene](https://avatars.discourse-cdn.com/v4/letter/d/a88e4f/32.png) [@DUMAS\_Solene](https://forum.inductiveautomation.com/u/DUMAS_Solene)\
**Post date:** [May 2, 2022, 7:24am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/1 "2022-05-02T07:24:44Z")

</div>

Hello  
How can I open several pop up on the screen?  
I have two buttons that each open a different pop up. But when one of the pop up is open, I can’t open the other one by clicking on the second button.  
I work in Perspective with ignition 8.1.7

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

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 2, 2022, 7:50am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/2 "2022-05-02T07:50:06Z")

</div>

They need to have unique identifiers

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [May 2, 2022, 7:52am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/3 "2022-05-02T07:52:35Z")

</div>

Works fine for me. As long as the popups aren’t modals, and have different identifiers.

Side note: May I suggest the use of `onActionPerformed` instead of `onClick` ?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 2, 2022, 7:56am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/4 "2022-05-02T07:56:07Z")

</div>

> [@pascal.fragnoud](#):
>
> May I suggest the use of `onActionPerformed` instead of `onClick` ?

The reason being the `onActionPerformed` event is affected by the button's `enabled` prop and `onClick` isn't

---

<div class="post-metadata">

**Author:** ![DUMAS\_Solene](https://avatars.discourse-cdn.com/v4/letter/d/a88e4f/32.png) [@DUMAS\_Solene](https://forum.inductiveautomation.com/u/DUMAS_Solene)\
**Post date:** [May 2, 2022, 8:00am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/5 "2022-05-02T08:00:58Z")

</div>

Thank you for your reply, a bad copy/paste actually made them have the same identifiers

---

<div class="post-metadata">

**Author:** ![DUMAS\_Solene](https://avatars.discourse-cdn.com/v4/letter/d/a88e4f/32.png) [@DUMAS\_Solene](https://forum.inductiveautomation.com/u/DUMAS_Solene)\
**Post date:** [May 2, 2022, 8:02am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/6 "2022-05-02T08:02:11Z")

</div>

Thank you for your advice

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [May 2, 2022, 8:27am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/7 "2022-05-02T08:27:20Z")

</div>

You’re welcome. Here’s another one: You can give your popups ‘human readable’ identifiers, so that it’s easy for you to know which one you interact with. This is absolutely not necessary in the case of simple/basic popups, but it makes things much easier when you start having multiple popups, or if you want to interact with them programmatically.  
For example calling `system.perspective.closePopup('warning_popup')` is easier and more understandable than `system.perspectiove.closePopup('dj12hRA90lPn6')`

---

<div class="post-metadata">

**Author:** ![DUMAS\_Solene](https://avatars.discourse-cdn.com/v4/letter/d/a88e4f/32.png) [@DUMAS\_Solene](https://forum.inductiveautomation.com/u/DUMAS_Solene)\
**Post date:** [May 2, 2022, 8:48am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/8 "2022-05-02T08:48:17Z")

</div>

Yes, I did that. Thank you again

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 2, 2022, 11:17am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/9 "2022-05-02T11:17:48Z")

</div>

> [@nminchin](#):
>
> The reason being the `onActionPerformed` event is affected by the button's `enabled` prop and `onClick` isn't

In my testing this isn't the case. What have you noticed that makes you say this?

Events like mouse enter are different though.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 2, 2022, 11:54am UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/10 "2022-05-02T11:54:51Z")

</div>

Hmm, maybe this only applies to vision?

---

<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 2, 2022, 12:16pm UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/11 "2022-05-02T12:16:57Z")

</div>

@nminchin, here’s an onClick event. The button doesn’t accept clicks when disabled.

![Button disabled event](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/b/ab84f2d731f1791a6f7919c4a967e6067bb3cebb.gif)

It behaves in the same way when the increment code is moved to the onActionPerformed event.

You must have been thinking of Vision.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 2, 2022, 12:35pm UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/12 "2022-05-02T12:35:54Z")

</div>

Yep makes sense, the `disabled` CSS selector takes out all user interaction events

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 2, 2022, 2:46pm UTC](https://forum.inductiveautomation.com/t/open-several-pop-up-at-the-same-time/59107/13 "2022-05-02T14:46:22Z")

</div>

disabled is not css, but a html attribute.

Altho there are also ways to use css to prevent user clicks (`pointer-events:none`)  
This would not work when using tab and enter
