# The same content of designer is not displaying in web page

**URL:** <https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 18, 2023, 9:46am UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885 "2023-05-18T09:46:26Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chowmya\_C](https://avatars.discourse-cdn.com/v4/letter/c/d78d45/32.png) [@Chowmya\_C](https://forum.inductiveautomation.com/u/Chowmya_C)\
**Post date:** [May 18, 2023, 9:46am UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/1 "2023-05-18T09:46:26Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/3/730476c5aa06c1d1da17ebef2429e85a75d62a4f.png)  
I've changed the background color and border color property binding for null so as to display from DB-\>EOL1\_CLK-\>RLF\_Tester  
But the circle part color is in black only for null status in URL...  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/0/10c049f8b6c110530e572c2337e1557098fd490e.png)

Why its reflecting like this and I've changed it from 'Null' to 'null' and vice versa then also no changes.  
How to change the color in URL

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [May 18, 2023, 10:58am UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/2 "2023-05-18T10:58:33Z")

</div>

You need to be more accurate in describing the problem.

> [@Chowmya\_C](#):
>
> But the circle part color is in black only for null status in URL.

There is no component or property labeled "URL" as far as we can see. What does this sentence mean?  
What do you expect to happen and what does happen?  
What is `DB->EOL1_CLK->RLF_Tester`?

> [@Chowmya\_C](#):
>
> I've changed it from 'Null' to 'null' and vice versa then also no changes.

Are you trying to compare with the string "Null" or with the value `null`?

---

<div class="post-metadata">

**Author:** ![Chowmya\_C](https://avatars.discourse-cdn.com/v4/letter/c/d78d45/32.png) [@Chowmya\_C](https://forum.inductiveautomation.com/u/Chowmya_C)\
**Post date:** [May 18, 2023, 11:09am UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/3 "2023-05-18T11:09:29Z")

</div>

In designer the null status is binded from DB which you can see in the left side tags section and its correctly showing the yellow color inside the circle and background...

But in web page the null tester alone is not showing yellow color inside the circle..  
String Null  
@Transistor

---

<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:** [May 18, 2023, 5:35pm UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/4 "2023-05-18T17:35:17Z")

</div>

Note that expression values of `"Null"`, `"null"`, and `null` are all distinctly different, with the first two being strings and the third being the equivalent of a None-type value. Is the parameter being sent to this View a string, or is it `null`/`None`?

---

<div class="post-metadata">

**Author:** ![user66](https://avatars.discourse-cdn.com/v4/letter/u/b487fb/32.png) [@user66](https://forum.inductiveautomation.com/u/user66)\
**Post date:** [May 19, 2023, 6:16am UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/5 "2023-05-19T06:16:56Z")

</div>

You can also try clearing your browser cache or loading from a different browser.

---

<div class="post-metadata">

**Author:** ![Chowmya\_C](https://avatars.discourse-cdn.com/v4/letter/c/d78d45/32.png) [@Chowmya\_C](https://forum.inductiveautomation.com/u/Chowmya_C)\
**Post date:** [May 19, 2023, 6:35am UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/6 "2023-05-19T06:35:02Z")

</div>

First two status Pass, Fail are string and third one is null from DB..  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/0/c02ad904b78a83b2fcb8e949a511de75369daa99.png)

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

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [May 19, 2023, 11:21am UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/7 "2023-05-19T11:21:14Z")

</div>

You say the database is returning `Null` but your map transorm is looking for "Null" which is a non-null string.

Try removing the "Null" mapping so that when `Null` is found that the comparison falls through to Fallback and set that to yellow.

---

<div class="post-metadata">

**Author:** ![Chowmya\_C](https://avatars.discourse-cdn.com/v4/letter/c/d78d45/32.png) [@Chowmya\_C](https://forum.inductiveautomation.com/u/Chowmya_C)\
**Post date:** [May 19, 2023, 12:36pm UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/8 "2023-05-19T12:36:45Z")

</div>

Thanks a lot, it worked well..

---

<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:** [May 19, 2023, 2:33pm UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/9 "2023-05-19T14:33:48Z")

</div>

> [@Transistor](#):
>
> Try removing the "Null" mapping so that when `Null` is found that the comparison falls through to Fallback and set that to yellow.

While this might work, you need to be careful here. In a large percentage of use-cases, the fallback is used to capture unexpected values so that they might be acted on. By allowing `null` to be handled by the fallback entry of the map, you run the risk of displaying the `null` appearance even if you receive a string like "Broken".

I recommend that you keep an entry for `null` and leave the fallback as black so that you get the best of both worlds; `null` will be yellow, and unexpected values will render black. In theory, you could even leave the "Null" (string) entry to capture any "Null" string returns.

---

<div class="post-metadata">

**Author:** ![Chowmya\_C](https://avatars.discourse-cdn.com/v4/letter/c/d78d45/32.png) [@Chowmya\_C](https://forum.inductiveautomation.com/u/Chowmya_C)\
**Post date:** [May 21, 2023, 5:23am UTC](https://forum.inductiveautomation.com/t/the-same-content-of-designer-is-not-displaying-in-web-page/73885/10 "2023-05-21T05:23:15Z")

</div>

ok, Thanks..
