# Perspective move popup, resize popup (without close and re-open it)?

**URL:** <https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 23, 2024, 3:12pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261 "2024-02-23T15:12:46Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![mazeyrat](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mazeyrat/32/10955_2.png) [@mazeyrat](https://forum.inductiveautomation.com/u/mazeyrat)\
**Post date:** [February 23, 2024, 3:12pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/1 "2024-02-23T15:12:46Z")

</div>

Is there a way with script to move a popup windows in perspective without closing and reopening it ?  
Same question for resizing a popup.

---

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [February 23, 2024, 3:15pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/2 "2024-02-23T15:15:48Z")

</div>

That's a good question. Right away I would say a ViewCanvas might be ideal for this. But if you need all the other abilities of an actual popup (resize, manual moves) + script moving the popup, this solution might not be ideal.

---

<div class="post-metadata">

**Author:** ![mazeyrat](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mazeyrat/32/10955_2.png) [@mazeyrat](https://forum.inductiveautomation.com/u/mazeyrat)\
**Post date:** [February 23, 2024, 3:23pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/3 "2024-02-23T15:23:03Z")

</div>

Yes I need to keep the other windows feature.

It seems to be quite simple in JS, if a perspective script function could be added...

> **[Window: resizeTo() method - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Window/resizeTo)**
>
> The Window.resizeTo() method dynamically resizes the
> window.

> **[Window: moveTo() method - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Window/moveTo)**
>
> The moveTo() method of the Window
> interface moves the current window to the specified coordinates.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [February 23, 2024, 4:06pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/4 "2024-02-23T16:06:57Z")

</div>

No, Perspective doesn't currently allow for any type of "movement". I was going to suggest it might be managed with CSS via animations, but there's no way to modify the selector in use for the Popup.

---

<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:** [February 26, 2024, 7:56am UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/5 "2024-02-26T07:56:30Z")

</div>

its not really the same and not really a full solution, but i did some stuff with popup sizes here.

Note now you should use the styleesheet.css to apply the style

> [@Perspective Popup runtime resize behavior](https://forum.inductiveautomation.com/t/perspective-popup-runtime-resize-behavior/57007/14):
>
> Yeah for that you will have to use the css class i provided. create a theme.css or inject it in a styleclass the easiest way is to inject it in a style class, the correct way is to make a theme.css injection is done by putting the css in a styleclass background image surrounded by inverted brackets }{ (no need to assign the class to anything) a theme must be created here C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes and …

---

<div class="post-metadata">

**Author:** ![JeremyMills](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jeremymills/32/70121_2.png) [@JeremyMills](https://forum.inductiveautomation.com/u/JeremyMills)\
**Post date:** [August 22, 2024, 3:43pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/6 "2024-08-22T15:43:00Z")

</div>

Hi from the future. Is it still not possible to resize a popup after it's opened? I have a view with an accordion in it that I want to expand the length of my popup depending on how many of the accordion segments are open. This will keep my UI clean without the need to have nested pop ups.

---

<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:** [August 22, 2024, 3:48pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/7 "2024-08-22T15:48:38Z")

</div>

I don't think you can, but there's a workaround. And by workaround, I mean hack.

You can use the stylesheet to change the popup's overflow to 'visible', and let your accordion overflow the popup.  
It will obviously be ugly, until you remove the popup's borders and backgrounds an all that show that it's a popup, and put those on your popup's view root container instead.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [August 22, 2024, 3:55pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/8 "2024-08-22T15:55:01Z")

</div>

No, there is no way to change the dimensions of a Popup after it has been rendered through scripting.

---

<div class="post-metadata">

**Author:** ![JeremyMills](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jeremymills/32/70121_2.png) [@JeremyMills](https://forum.inductiveautomation.com/u/JeremyMills)\
**Post date:** [August 22, 2024, 3:58pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/9 "2024-08-22T15:58:22Z")

</div>

@pascal.fragnoud thanks for your input. I don't really want a hacky solution for this one.

@cmallonee thanks for the updated info. Do you know whether this functionality is slated for development in the future?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [August 22, 2024, 3:59pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/10 "2024-08-22T15:59:41Z")

</div>

It is not. We have no open ticket I'm aware of to do anything like this.

---

<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:** [August 22, 2024, 4:07pm UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/11 "2024-08-22T16:07:18Z")

</div>

It's really not that bad, you should give it a shot.

Basically, all you need is to give your popup a recognizable id, let's say "accordion"  
Then in your stylesheet, you add this:

```css
.ia_popup[id=popup-accordion] {
	background-color: transparent;
	border: None;
	box-shadow: None;
}

.ia_popup[id=popup-accordion] .body-wrapper {
	overflow: visible;
}

```

Maybe put some border/background on the view root (not even necessary), and you're done.

---

<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:** [February 24, 2025, 12:03am UTC](https://forum.inductiveautomation.com/t/perspective-move-popup-resize-popup-without-close-and-re-open-it/86261/12 "2025-02-24T00:03:23Z")

</div>

Late reply, but...  
You should be able to use this:

> [@Useful CSS Stuff](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/11):
>
> Adding this to the adv. stylesheet will allow popups to be resized dynamically. Without this, the size gets stuck when you're trying to reduce the size (I believe). Taken from [here](https://forum.inductiveautomation.com/t/perspective-popup-height-changes-when-dragged/96657/6). .ia\_popup[id^="popup-"]{ height: auto !important; } Also, setting the popup View's props.defaultSize.height: auto will auto-size the popup's height dynamically to its content which is quite useful.
