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

Ignition
1

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

2

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.

3

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...

4

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.

5

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

6

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.

7

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.

8

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

9

@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?

10

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

11

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:

.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.

1 Like