Alarm status table not scaling properly

Ignition
1

I am new to ignition and am having an issue with an alarm status table component in a vision project not scaling correctly. The screenshot below shows how the alarm table should look on the main page, but the table does not seem to scale down properly during runtime on a smaller monitor. The bounds of the table are scaled down properly, but the contents seem to keep their original size such that only the first column is visible and the rest get cut off.

image
image1278×403 9.4 KB

The table component itself is configured on a template and that template then gets called as on overlay on another screen using a template instance component. The template has a resolution of 7267 x 1588 and is being scaled down to a 1080p monitor for use. Changing font sizes and row heights does not actually change how the table looks in runtime (stays blown up the same amount). Below are the layout settings for the template instance component. The alarm table component has the same settings minus "scale font"

image
image240×239 28.8 KB

Does anyone have any suggestions on how to resolve this issue?

2

I've had the best luck designing to the smallest resolution you plan to support and let it scale up from there. It always scales up better than down.

Example: for a 1920x1080 resolution, I use 1910x1070. That gives 5 pixels all the way around to make room for other things like window borders without it slapping a scroll bar on it.

2 Likes
3

There are quite a few screens in this system that are all built based on the same resolution so I'm thinking it would take some effort to reconfigure all of them to a lower resolution. Are there any potential workarounds other than scaling down all the screens?

4

The resoultion is set per window. So try just that one.

5

I scaled down the one page and now the alarm page no longer gets cut off during runtime. Going forward, I'll note that pages are better designed at lower resolutions. Thank you

1 Like