# Popup size not the same in designer VS web browser

**URL:** <https://forum.inductiveautomation.com/t/popup-size-not-the-same-in-designer-vs-web-browser/104311>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 27, 2025, 3:10pm UTC](https://forum.inductiveautomation.com/t/popup-size-not-the-same-in-designer-vs-web-browser/104311 "2025-03-27T15:10:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![gpellicelli](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gpellicelli/32/53466_2.png) [@gpellicelli](https://forum.inductiveautomation.com/u/gpellicelli)\
**Post date:** [March 27, 2025, 3:10pm UTC](https://forum.inductiveautomation.com/t/popup-size-not-the-same-in-designer-vs-web-browser/104311/1 "2025-03-27T15:10:16Z")

</div>

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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/8/b8c0bc345c89a9167b22a9ce7f0469e113234ea8.png)  
 ![Capture d’écran 2025-03-27 110544](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/2/d28c98c593d262e77d101c13c4fd6dd232cfbb24.png)

---

<div class="post-metadata">

**Author:** ![kvane](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kvane/32/22228_2.png) [@kvane](https://forum.inductiveautomation.com/u/kvane)\
**Post date:** [March 27, 2025, 3:51pm UTC](https://forum.inductiveautomation.com/t/popup-size-not-the-same-in-designer-vs-web-browser/104311/2 "2025-03-27T15:51:03Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![gpellicelli](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gpellicelli/32/53466_2.png) [@gpellicelli](https://forum.inductiveautomation.com/u/gpellicelli)\
**Post date:** [March 28, 2025, 5:34pm UTC](https://forum.inductiveautomation.com/t/popup-size-not-the-same-in-designer-vs-web-browser/104311/3 "2025-03-28T17:34:40Z")

</div>

> [@gpellicelli](#):
>
> system.perspective.openPopup()

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

Thanks for the clarification! 🙂

Best regards,  
Gabriel

```python
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
		)

```

---

<div class="post-metadata">

**Author:** ![davidjenkins7473](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/davidjenkins7473/32/84920_2.png) [@davidjenkins7473](https://forum.inductiveautomation.com/u/davidjenkins7473)\
**Post date:** [April 25, 2026, 12:52pm UTC](https://forum.inductiveautomation.com/t/popup-size-not-the-same-in-designer-vs-web-browser/104311/4 "2026-04-25T12:52:50Z")

</div>

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](https://mycompanysite.com/website-design-style-guide/).

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

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [April 25, 2026, 9:44pm UTC](https://forum.inductiveautomation.com/t/popup-size-not-the-same-in-designer-vs-web-browser/104311/5 "2026-04-25T21:44:02Z")

</div>

Stop resurrecting solved posts with AI slop.