Popup size not the same in designer VS web browser

Ignition
1

Hi everyone,

I created a popup with dimensions set to width: 400 and height: 210 in the Designer. However, when I open it in the web browser, the size doesn't match what I expected.

I reviewed the system.perspective.openPopup() function, but it doesn’t seem to reference size, so I assume the dimensions should follow what’s defined in the Designer.

Is there a way to ensure the popup respects the defined size when opened in a browser?

I've attached some screenshots to show the behavior.

Thank you in advance!

Best regards,
Gabriel

Capture d’écran 2025-03-27 110751
Capture d’écran 2025-03-27 1107511919×539 112 KB

Capture d’écran 2025-03-27 110544
Capture d’écran 2025-03-27 1105441370×567 49.6 KB

2

Check that manual page again, note the dictionary:

position

keys are: left, top, right, bottom, width, height.

I'd recommend starting by setting all of those to 100, to determine how they function, and from there it should be more clear how to proceed.

3

You're absolutely right — my mistake! It does work as expected. I just read too quickly and overlooked it.

Thanks for the clarification! :slightly_smiling_face:

Best regards,
Gabriel

system.perspective.openPopup(
	id="{}-popup".format(equipment_name.replace(" ", "_")),
	view=path,
	title=unicode(title),
	params=pageParams,
	sessionId=sessionId,
	pageId=pageId,
	draggable=True,
	showCloseIcon=True,
	resizable=False,
	modal=False,
	overlayDismiss=False,
	position={'height':210,'width':400},
	viewportBound=True
		)
4

Hi Gabriel,

This usually happens because the popup is being rendered with layout constraints from the browser or parent container, rather than strictly following the Designer dimensions.

A few things to check:

  • Make sure the popup view root has fixed sizing enabled (not auto or flex-based scaling)

  • Check if any responsive scaling or view scaling settings are overriding the dimensions

  • Try explicitly setting size in system.perspective.openPopup() using width and height parameters

  • Also verify browser zoom level, as it can affect visual sizing

If the issue persists, testing with a minimal popup view can help isolate whether a component or layout container is affecting the sizing.

For better consistency, it’s also important to follow a structured approach to responsive design, UI layout rules and performance-focused web standards, especially when building scalable interfaces. You can read more about it here.

These practices help ensure layouts behave consistently across browsers, devices and screen sizes.

5

Stop resurrecting solved posts with AI slop.