# Perspective - Breakpoint - Get view size

**URL:** <https://forum.inductiveautomation.com/t/perspective-breakpoint-get-view-size/39833>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [October 20, 2020, 2:10pm UTC](https://forum.inductiveautomation.com/t/perspective-breakpoint-get-view-size/39833 "2020-10-20T14:10:14Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [October 20, 2020, 2:10pm UTC](https://forum.inductiveautomation.com/t/perspective-breakpoint-get-view-size/39833/1 "2020-10-20T14:10:14Z")

</div>

I’m on 8.0.16

I search a way to get wich view is displayed in a page.

I have to launch a popup and want to know wich format use small or large

Anyone have a trick for me ?

---

<div class="post-metadata">

**Author:** ![jonathan.taylor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jonathan.taylor/32/4048_2.png) [@jonathan.taylor](https://forum.inductiveautomation.com/u/jonathan.taylor)\
**Post date:** [October 20, 2020, 2:36pm UTC](https://forum.inductiveautomation.com/t/perspective-breakpoint-get-view-size/39833/2 "2020-10-20T14:36:28Z")

</div>

Could your two views inside the breakpoint container have a slightly different script on a button that calls a different popup? That way you don’t even need to know which view it is, because you’ve handled it already in the design

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [October 20, 2020, 2:52pm UTC](https://forum.inductiveautomation.com/t/perspective-breakpoint-get-view-size/39833/3 "2020-10-20T14:52:27Z")

</div>

My button is in a dock view, so I need to know which breakpoint is displayed to launch the right popup.

---

<div class="post-metadata">

**Author:** ![john.glynn](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/john.glynn/32/17348_2.png) [@john.glynn](https://forum.inductiveautomation.com/u/john.glynn)\
**Post date:** [October 20, 2020, 5:06pm UTC](https://forum.inductiveautomation.com/t/perspective-breakpoint-get-view-size/39833/4 "2020-10-20T17:06:43Z")

</div>

I tried sending a message with a docked button and having a different message handler in the Small vs. Large breakpoint view but it seems both message handlers are active even though only one is visible.

I had expected this to work but I’m not very familiar with breakpoint containers and how they work.

Good Luck

---

<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:** [October 20, 2020, 11:03pm UTC](https://forum.inductiveautomation.com/t/perspective-breakpoint-get-view-size/39833/5 "2020-10-20T23:03:45Z")

</div>

> [@john.glynn](#):
>
> I tried sending a message with a docked button and having a different message handler in the Small vs. Large breakpoint view but it seems both message handlers are active even though only one is visible.

I spent some time testing this scenario and found some discrepancies in behaviors. I reached out to Dev and got an explanation that I thought I'd share here.

This can be done by using breakpoint containers, but it requires a very specific setup. @john.glynn suggested Message Handlers in the breakpoints, but you MUST use Embedded Views within the breakpoints, and then the Views you select to use for the Embedded View should have the different logic.

From Dev (paraphrased):

> Both of a Breakpoint Container's children are essentially "running" at all times - even if you can't see them. However, the Views in use by Embedded Views are not "running" until the View is "mounted" (displayed in the browser).

So the Embedded View solution works with this setup:

Breakpoint Container  
L\_\_EmbeddedView  
L\_\_EmbeddedView\_0

Then, `EmbeddedView.props.path` should be something like "SmallBreakpointListenerView", and `EmbeddeView_0.props.path` should be something like LargeBreakpointListenerView".

---

<div class="post-metadata">

**Author:** ![nicolas.hoffmann](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nicolas.hoffmann/32/87652_2.png) [@nicolas.hoffmann](https://forum.inductiveautomation.com/u/nicolas.hoffmann)\
**Post date:** [March 30, 2021, 10:17am UTC](https://forum.inductiveautomation.com/t/perspective-breakpoint-get-view-size/39833/6 "2021-03-30T10:17:00Z")

</div>

Hello folks,

I wonder if the solution provided by @cmallonee works the same with 8.3

I have a header with a breakpoint container containing two flex children: a small one for phone size, a large one for larger devices. How to send a message to a docked footer so that I can show/hide it depending on the header’s size?

I found a useful thread for listening a message on the docked footer, but how to send it?  
[Any way to toggle visibility of a Shared Docked View?](http://forum.inductiveautomation.com/t/any-way-to-toggle-visibility-of-a-shared-docked-view/44704)
