Resize pop-up depending on screen resolution

Ignition
1

Hello all,

I have read a lot on here but never posted anything. This time however I am not sure if it is me or maybe a bug so therefore this post hoping someon can help me out. I have a pop-up with two alarm tables. I want to open the pop-up in different resolutions and to scale what is inside the pop-up. I managed to change the width and height of the pop-up. I have two parameters and bound them to props.width and height of the pop-up. I have another pop-up and this scales perfectly. however the alarm tables only resize after I resize the pop-up a little bit. I want the pop-up to look like this:

image
image1226×858 10.2 KB

But when I have a smaller screen the initial result is this:

image
image709×692 10.4 KB

Draging the pop-up to resize results in the tables both sharing and filling the screen. I set them both to basis 50%. I know this is not exactly what they are but it works for a big screen. I am using a flex container.

Solutions tried:

  • refresh binding on startup script with a property on the tables
  • Add margin in on startup script hoping to force a resize
  • Changed the view to a Coordinate container (same result)
  • Ask AI (rubish)
  • A new flex container with two alarm tables this time no other settings but the 50% basis.

So I am at a loss. especially since I have another pop-up which does work and this has the same configuration.

2

You can pass height and width parameters with the position arg in system.perspective.openPopup. With the proper container settings, you can skip the parameters and bindings for sizing.

position = {
    'height':'30%', #or pixels
    'width':'60%'
}
system.perspective.openPopup(
    id,
    'View',
    position=position

Do you have your table columns set with strict width?

I would expect the container settings as follows

image
image298×153 6.9 KB