# View on different resolution

**URL:** <https://forum.inductiveautomation.com/t/view-on-different-resolution/105756>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 30, 2025, 9:37pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756 "2025-04-30T21:37:30Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [April 30, 2025, 9:37pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/1 "2025-04-30T21:37:30Z")

</div>

Hi,

I have an issue , i created a view which looks good on low resolution but when i change it to higher resolution it shrinks.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/1/015dad4584e237eaa7c6f0577032029fd363cc5b.png)  
This is how it looks like in higher resolution.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/c/0ced51dd92ed6e464702e8468e72df7ba89fa81c.png)  
This is how it looks like in low resolution.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/d/6df408628a35e380189cd22840fd98e2a5ab8764.png)  
This is my property editor of flex repeater.

can anyone help how to fix it ?

---

<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 30, 2025, 9:50pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/2 "2025-04-30T21:50:27Z")

</div>

`1vw` = Relative to 1% of the width of the viewport  
The text is staying the same size, the item is shrinking.  
Make the text relative size to the width in the same way.

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [April 30, 2025, 10:42pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/3 "2025-04-30T22:42:49Z")

</div>

It even doesn't solve the problem. The only thing that works is when i keep my label size to small. But i don't want the label size to be small i want it to be medium.

---

<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 30, 2025, 10:51pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/4 "2025-04-30T22:51:37Z")

</div>

> [@Perspective dynamic font sizing](https://forum.inductiveautomation.com/t/perspective-dynamic-font-sizing/47866/8):
>
> I’m also interested about manage the fontsize, mostly with the app. I’ve red this and other topics but it looks like everyone has its own method and there isn’t a “must” method. Actually I’m using vmin but not always it works properly, should be possible to point some method that actually works?

Definitely works.

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [April 30, 2025, 11:31pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/5 "2025-04-30T23:31:26Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/3/33870995d7d0b8eaa1bdf6d8c06ef679cf399854.png)  
So this is my view with low resolution in which my flex repeater is growing.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/8/b84cca1dcc7695a923e4fbce256541c35724d028.png)  
But here in high resolution it is not growing.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/2/3252d3ec93f1d9bd38725ad80d1299d148590220.png)  
This is my flex repeater property editor.

I am still struggling how to fix it.

---

<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 30, 2025, 11:37pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/6 "2025-04-30T23:37:02Z")

</div>

Doesn't matter what settings you put into the flex repeater, you need to be setting the text size in the embedded view?

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [April 30, 2025, 11:43pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/7 "2025-04-30T23:43:19Z")

</div>

The text is growing but the item is a flex-Repeater as well which is not growing. do you prefer changing the element position will work.

---

<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 30, 2025, 11:49pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/8 "2025-04-30T23:49:27Z")

</div>

Export the view and upload it an I can have a look. I think it will be a mixture of css settings that are already set up.

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [April 30, 2025, 11:59pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/9 "2025-04-30T23:59:05Z")

</div>

[project.json](https://forum.inductiveautomation.com/uploads/short-url/lCzahPI8cEDq1r5KTzR2HLETVjK.json) (142 Bytes)  
Here is the view file.

---

<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:** [May 1, 2025, 12:08am UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/10 "2025-05-01T00:08:06Z")

</div>

That is literally 7 lines of JSON, try exporting the view and the subview and uploading that.

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [May 1, 2025, 12:09am UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/11 "2025-05-01T00:09:57Z")

</div>

[BL5\_SCADA-test\_2025-04-30\_2355.zip](https://forum.inductiveautomation.com/uploads/short-url/wZP4joWoZ4G3KNDErhoFSZJXto2.zip) (12.7 KB)

here it is.

---

<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:** [May 1, 2025, 12:14am UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/12 "2025-05-01T00:14:14Z")

</div>

Can you export the Embedded/station/stationView\_multiOccupation as well, otherwise the flex repeater is missing the view

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [May 1, 2025, 12:16am UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/13 "2025-05-01T00:16:46Z")

</div>

[BL5\_SCADA-test\_2025-05-01\_0014.zip](https://forum.inductiveautomation.com/uploads/short-url/sGTWZXBWZ3pIjAlNVllUiJZu3oC.zip) (2.4 KB)

Here is the stationView-multiOccupation.

---

<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:** [May 1, 2025, 12:37am UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/14 "2025-05-01T00:37:13Z")

</div>

`Embedded/station/stationView_multiOccupation`

Change the label text size to 16pt.  
Without a specified size it defaults to 1rem which is relative to screen size.

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [May 1, 2025, 12:47am UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/15 "2025-05-01T00:47:32Z")

</div>

That fix the problem yeah. But i want my Label size as a medium (the label size medium should be fixed) and when i go higher resolution i want the flex repeater to stretch which doesn't.

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [May 1, 2025, 12:49am UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/16 "2025-05-01T00:49:04Z")

</div>

FlexRepeater \<\< FlexContainer \<\< mainLineView

---

<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:** [May 1, 2025, 12:51am UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/17 "2025-05-01T00:51:38Z")

</div>

The flex repeater does stretch, you have ticked `useDefaultViewWidth` so the embedded views don't scale.

---

<div class="post-metadata">

**Author:** ![alikhan9347921](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@alikhan9347921](https://forum.inductiveautomation.com/u/alikhan9347921)\
**Post date:** [May 2, 2025, 6:17pm UTC](https://forum.inductiveautomation.com/t/view-on-different-resolution/105756/18 "2025-05-02T18:17:42Z")

</div>

It fixes the problem. But basically i just noticed that the fontSize is basically overriding my LabeltextSize = Medium.  
I do some changes, now with low resolution it looks okay,

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/9/998d0816ed11db5c1c7d3b2da032f50c2edddd5a.png)  
Low Rresolution.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/2/b27aa76190751680244396d4593b14415ae3a117.png)  
But with higher resolution the component inside my FlexRepeater look wider i want to make it the same as it looks thinner in low resolution.

[BL5\_SCADA-test\_2025-05-02\_1813.zip](https://forum.inductiveautomation.com/uploads/short-url/2yf6oT3yc3czEgMxd7fRB4cDJAc.zip) (11.4 KB)  
Here i shared the View.

[BL5\_SCADA-test\_2025-05-02\_1816.zip](https://forum.inductiveautomation.com/uploads/short-url/iA952FPcsg8XMQaBnbAglvK9TXn.zip) (2.3 KB)  
Here is the Embedded/station/stationView\_multiOccupation as well.

Thanks for your above help.
