# Perspective Component Flashes On Page Startup When Display Prop Set To False

**URL:** <https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [May 13, 2024, 3:43pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318 "2024-05-13T15:43:50Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Maxwell\_Wang](https://avatars.discourse-cdn.com/v4/letter/m/439d5e/32.png) [@Maxwell\_Wang](https://forum.inductiveautomation.com/u/Maxwell_Wang)\
**Post date:** [May 13, 2024, 3:43pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318/1 "2024-05-13T15:43:50Z")

</div>

I have a perspective component with its display property bind to a boolean parameter and set to false by default.

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

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

When I use the component within a EmbeddedView with the parameter set to false as below:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/5/15c399d7a65097b84771836ed00f05b23cddf6dc.png)

The component still renders when I open the page, and there is a noticeable delay before it disappear. I am wondering if there is a solution for this?

Thanks in advance.

---

<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:** [May 13, 2024, 3:58pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318/2 "2024-05-13T15:58:56Z")

</div>

Right click the property and change the 'persistent' flag. Then the default state of the component will be persisted as false in the view config. By default, properties with bindings become non-persistent, to avoid serializing massive pieces of data into your view configuration - but sometimes you _do_ want to store the initial state.

---

<div class="post-metadata">

**Author:** ![Maxwell\_Wang](https://avatars.discourse-cdn.com/v4/letter/m/439d5e/32.png) [@Maxwell\_Wang](https://forum.inductiveautomation.com/u/Maxwell_Wang)\
**Post date:** [May 13, 2024, 4:06pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318/3 "2024-05-13T16:06:46Z")

</div>

The state of the `display` property depends on the input parameter. By setting it as persistent, the component always not render, and there is a noticeable delay before it appears when I set the parameter in EmbeddedView to `True`

---

<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:** [May 13, 2024, 4:09pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318/4 "2024-05-13T16:09:19Z")

</div>

🤷

You have to decide on a state that works best for you. There's no free lunch. Bindings take _some_ time to evaluate - there's always a round trip to the gateway and back, even if the calculation is ~instant.

---

<div class="post-metadata">

**Author:** ![Maxwell\_Wang](https://avatars.discourse-cdn.com/v4/letter/m/439d5e/32.png) [@Maxwell\_Wang](https://forum.inductiveautomation.com/u/Maxwell_Wang)\
**Post date:** [May 13, 2024, 4:15pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318/5 "2024-05-13T16:15:00Z")

</div>

I wouldn't call setting a conditional rendering a free lunch as this is achievable in most other platforms. But thanks for your clarification.

---

<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:** [May 13, 2024, 4:15pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318/6 "2024-05-13T16:15:44Z")

</div>

> [@Maxwell\_Wang](#):
>
> most other platforms

Most other _ **SCADA** _ platforms?

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 13, 2024, 4:31pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318/7 "2024-05-13T16:31:14Z")

</div>

I almost always set persistent values to false, as this seems more appealing to me. I also mask loading by using CSS, whether it's a fade-in or zoom/ease-in. For example, I have my faceplates zoom in, this animation is around 1/2 second and when it's done everything is loaded. If you are seeing load times more than that, I would reevaluate what you are doing.

---

<div class="post-metadata">

**Author:** ![Maxwell\_Wang](https://avatars.discourse-cdn.com/v4/letter/m/439d5e/32.png) [@Maxwell\_Wang](https://forum.inductiveautomation.com/u/Maxwell_Wang)\
**Post date:** [May 13, 2024, 4:48pm UTC](https://forum.inductiveautomation.com/t/perspective-component-flashes-on-page-startup-when-display-prop-set-to-false/90318/8 "2024-05-13T16:48:09Z")

</div>

Thanks for the advice. I am considering using CSS to mask the loading too. Otherwise, I could also use a load screen to delay the page before it fully renders.
