# How to make the vision project dynamic to different screen setting

**URL:** <https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [October 2, 2022, 5:24am UTC](https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739 "2022-10-02T05:24:59Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![yifeiliu08](https://avatars.discourse-cdn.com/v4/letter/y/bbe5ce/32.png) [@yifeiliu08](https://forum.inductiveautomation.com/u/yifeiliu08)\
**Post date:** [October 2, 2022, 5:24am UTC](https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739/1 "2022-10-02T05:24:59Z")

</div>

I have design my project for my factory , all of my ender user run the vision is based on PC, the screen is 1080P  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/0/30f58d77beb33874ba7896a7f75bab2ae67800cf.png),  
but some people use the desktop some use laptop, when they use desktop they have a big screen, so their scale is 100  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/c/9c512f8962070b5071b297318ec997b085e8b49c.png)  
they can see all the word clearly

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/0/002edcc48a0c98995c048845ed80726f2284cc40.jpeg)  
but when some people they use laptop their screen is small , their screen setting is 150  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/b/2b9901b49f4d3fa44b727b37108c660df382182f.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/3/139b3cff9ded534674d98f3e45685885d86c5381.jpeg)  
many words can't see clearly, if their any solution I can design the project that can make both end user can see the vision windows fonts clearly?  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/e/eefa77adf98d64b19f3c08c9fbbe762b7279526d.jpeg)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [October 2, 2022, 9:39am UTC](https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739/2 "2022-10-02T09:39:11Z")

</div>

You should design your screen for the smallest resolution. At 150%, that's 1280x720

---

<div class="post-metadata">

**Author:** ![yifeiliu08](https://avatars.discourse-cdn.com/v4/letter/y/bbe5ce/32.png) [@yifeiliu08](https://forum.inductiveautomation.com/u/yifeiliu08)\
**Post date:** [October 2, 2022, 12:43pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739/3 "2022-10-02T12:43:03Z")

</div>

When I set the screen 1280\*720

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/5/c55734a645df8d1887e12c3f31b0720b8c0c35eb.png)  
the screen looks like this, a lot of space is not use when the scale is both in 100% and 150%

So I set the screen  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/3/43ddf28872ec5f22049272ffe6db55fc06a99dea.png)  
in scale 100%

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/b/3b5b5c7ffa6f2af822abf47ccfc66f292b48540d.png)  
when in scale 150%, there are still  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/cee689c36aa17322eef2e56ab81453e231da9a77.jpeg)

space is both side.  
is that possible the ignition can read the client screen scale setting then decide which font's size should be?

---

<div class="post-metadata">

**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\
**Post date:** [October 2, 2022, 3:21pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739/4 "2022-10-02T15:21:54Z")

</div>

Have you set the layout settings for the components?  
Design at the lowest common resolution like @nminchin says and then  
Select all of the components on the page then select the layout button  
Select RELATIVE, and Maintain Aspect Ratio.

This is covered in the user manual  
[https://docs.inductiveautomation.com/display/DOC81/Working+with+Vision+Components#WorkingwithVisionComponents-ComponentLayout](https://docs.inductiveautomation.com/display/DOC81/Working+with+Vision+Components#WorkingwithVisionComponents-ComponentLayout)

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [October 2, 2022, 4:20pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739/5 "2022-10-02T16:20:51Z")

</div>

> [@yifeiliu08](#):
>
> space is both side.

When you maintain aspect ratio, and the larger screen isn't a perfect scale-up for both width and height, Ignition maximizes as best it can, leaving space either left/right or top/bottom.

If you **don't** maintain aspect ratio, stretching/skewing may happen, but no blank areas.

There is no "perfect" answer.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [October 2, 2022, 4:43pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739/6 "2022-10-02T16:43:33Z")

</div>

Window's custom scaling function is a big problem for everybody, and I can't tell you how much seemingly unnecessary convolution has bloated my apps because of it. I've seen users set their scaling to 300% on a tablet before, so I'm not sure if there is an "easy" answer to this. If there is, I certainly haven't found it yet.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [October 2, 2022, 7:37pm UTC](https://forum.inductiveautomation.com/t/how-to-make-the-vision-project-dynamic-to-different-screen-setting/64739/7 "2022-10-02T19:37:33Z")

</div>

If you want to get the scale setting, and go down the road of trying to dynamically change your rendering based upon that parameter, this script will return it:

```auto
from java.awt import GraphicsEnvironment
customScaleSetting = int(GraphicsEnvironment.getLocalGraphicsEnvironment().getDefaultScreenDevice().getDefaultConfiguration().getDefaultTransform().getScaleX()/.01) 
print str(customScaleSetting)+"%"

```
