# Display vs Visible in Perspective

**URL:** <https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 12, 2020, 4:47pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658 "2020-08-12T16:47:22Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![downerczx](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/downerczx/32/11649_2.png) [@downerczx](https://forum.inductiveautomation.com/u/downerczx)\
**Post date:** [August 12, 2020, 4:47pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/1 "2020-08-12T16:47:22Z")

</div>

Hi, on views, does Display actually “shut down” the component from running if it is off? vs… Visible (still running, but not shown)?

thank you

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 12, 2020, 5:14pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/2 "2020-08-12T17:14:12Z")

</div>

The short answer is no, neither really prevents the component from ‘running’. It’s still present in the DOM in both cases (just with a different CSS attribute preventing it from rendering) and it’s still present in the gateway’s model of the frontend session.

---

<div class="post-metadata">

**Author:** ![brandon1](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@brandon1](https://forum.inductiveautomation.com/u/brandon1)\
**Post date:** [August 12, 2020, 9:02pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/3 "2020-08-12T21:02:19Z")

</div>

> [@paul-griffith](#):
>
> just with a different CSS attribute preventing it from rendering

Is that the only difference then?

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 12, 2020, 9:09pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/4 "2020-08-12T21:09:29Z")

</div>

Basically, yes. `display` is an available attribute in flex based containers, because just making them invisible doesn’t actually skip them in the layout calculation - so a component in a flex container with `visible: false` will be a gap, but `display: false` will actually be skipped entirely in the layout.

---

<div class="post-metadata">

**Author:** ![brandon1](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@brandon1](https://forum.inductiveautomation.com/u/brandon1)\
**Post date:** [August 12, 2020, 9:13pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/5 "2020-08-12T21:13:00Z")

</div>

Ahhh. Thanks for the clarification. 👍

---

<div class="post-metadata">

**Author:** ![downerczx](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/downerczx/32/11649_2.png) [@downerczx](https://forum.inductiveautomation.com/u/downerczx)\
**Post date:** [August 12, 2020, 9:13pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/6 "2020-08-12T21:13:45Z")

</div>

Is such a thing possible? Disable an entire component in one fell swoop?

---

<div class="post-metadata">

**Author:** ![wking](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/wking/32/21823_2.png) [@wking](https://forum.inductiveautomation.com/u/wking)\
**Post date:** [August 12, 2020, 10:04pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/7 "2020-08-12T22:04:41Z")

</div>

I bind stuff to props.position.display and return a bool(0) or bool(1) all the time. Works well.

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

---

<div class="post-metadata">

**Author:** ![downerczx](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/downerczx/32/11649_2.png) [@downerczx](https://forum.inductiveautomation.com/u/downerczx)\
**Post date:** [August 12, 2020, 10:55pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/8 "2020-08-12T22:55:34Z")

</div>

Thanks wking, I’m doing similar, but what I mean, is there something beside Display or Visibility that could just “shut down” a component so that it’s not sitting there erroring or calculating or anything if I wanted to disable it.

---

<div class="post-metadata">

**Author:** ![wking](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/wking/32/21823_2.png) [@wking](https://forum.inductiveautomation.com/u/wking)\
**Post date:** [August 12, 2020, 10:58pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/9 "2020-08-12T22:58:17Z")

</div>

Oh my bad. I don’t think so. I do try and use try except blocks for sketchy bindings. If they have a script transform.

Maybe there is a method to disable a binding? like there is to refresh?

`self` `.refreshBinding(` `"props.data"` `)`

---

<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:** [August 13, 2020, 1:03am UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/10 "2020-08-13T01:03:50Z")

</div>

If you have a component which you might not want executing scripts or calculations, what I would recommend is placing that component in a View of its own, then using an Embedded View to render that View. When you want to turn the component “off”, then change the path of the Embedded View to something else and set the Embedded View to not display.

Using this setup would actually remove the component from the DOM.

---

<div class="post-metadata">

**Author:** ![downerczx](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/downerczx/32/11649_2.png) [@downerczx](https://forum.inductiveautomation.com/u/downerczx)\
**Post date:** [August 13, 2020, 2:10pm UTC](https://forum.inductiveautomation.com/t/display-vs-visible-in-perspective/37658/11 "2020-08-13T14:10:05Z")

</div>

Brilliant! Thank you.
