# How to get monitor size (perspective)

**URL:** <https://forum.inductiveautomation.com/t/how-to-get-monitor-size-perspective/76034>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 7, 2023, 3:48am UTC](https://forum.inductiveautomation.com/t/how-to-get-monitor-size-perspective/76034 "2023-07-07T03:48:13Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![chaoliang](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@chaoliang](https://forum.inductiveautomation.com/u/chaoliang)\
**Post date:** [July 7, 2023, 3:48am UTC](https://forum.inductiveautomation.com/t/how-to-get-monitor-size-perspective/76034/1 "2023-07-07T03:48:13Z")

</div>

I have a project, the control panel touch screen is 800\*600, the control room monitor is FHD, the remote client monitor could be UHD.  
Most of the views are developed using flex container, it works out well, but it's sometimes difficult to make nice screen, especially when it comes to multiple items alignment both vertically and horizontally. And especially when the P&ID is displayed.

Does perspective has a session tag to indicate the client window size? So I can make different views to suit the needs.

---

<div class="post-metadata">

**Author:** ![Usman\_Ashraf](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/usman_ashraf/32/43168_2.png) [@Usman\_Ashraf](https://forum.inductiveautomation.com/u/Usman_Ashraf)\
**Post date:** [July 7, 2023, 9:56am UTC](https://forum.inductiveautomation.com/t/how-to-get-monitor-size-perspective/76034/2 "2023-07-07T09:56:08Z")

</div>

So even in the traditional web technologies, we never get the client station pixel information as that will be a breach of security protocols. You can get the browser agent, but that's it.

Ideally speaking if you are using flex and applying responsiveness, then you should be able to cater all screen sizes. If more granularity is needed then you can always alter the ignition base CSS themes.

Thanks.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [July 7, 2023, 10:06am UTC](https://forum.inductiveautomation.com/t/how-to-get-monitor-size-perspective/76034/3 "2023-07-07T10:06:24Z")

</div>

Use media queries in style classes:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/e/1e5cd7f214affaed3a1ba42ed4fe1080a668ba75.png)

---

<div class="post-metadata">

**Author:** ![Tim\_Carlton](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tim_carlton/32/52835_2.png) [@Tim\_Carlton](https://forum.inductiveautomation.com/u/Tim_Carlton)\
**Post date:** [July 7, 2023, 12:54pm UTC](https://forum.inductiveautomation.com/t/how-to-get-monitor-size-perspective/76034/4 "2023-07-07T12:54:05Z")

</div>

Isn't this the exact use case for the Breakpoint Container?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [July 7, 2023, 3:04pm UTC](https://forum.inductiveautomation.com/t/how-to-get-monitor-size-perspective/76034/5 "2023-07-07T15:04:10Z")

</div>

Look into using the `dimensions` prop available to the `page`. [Documentation](https://docs.inductiveautomation.com/display/DOC81/Pages+in+Perspective#PagesinPerspective-PageProperties:~:text=value%3A%20boolean-,dimensions,-The%20following%20feature)

---

<div class="post-metadata">

**Author:** ![chaoliang](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@chaoliang](https://forum.inductiveautomation.com/u/chaoliang)\
**Post date:** [July 13, 2023, 7:30am UTC](https://forum.inductiveautomation.com/t/how-to-get-monitor-size-perspective/76034/6 "2023-07-13T07:30:33Z")

</div>

normal agile setup using flexible container is fine.  
But when it's P&ID page, I have to use coordinate container, then the screen size does matter.