# Background color bindings

**URL:** <https://forum.inductiveautomation.com/t/background-color-bindings/98303>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 6, 2024, 8:08pm UTC](https://forum.inductiveautomation.com/t/background-color-bindings/98303 "2024-11-06T20:08:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jason\_Interlicchia](https://avatars.discourse-cdn.com/v4/letter/j/ed8c4c/32.png) [@Jason\_Interlicchia](https://forum.inductiveautomation.com/u/Jason_Interlicchia)\
**Post date:** [November 6, 2024, 8:08pm UTC](https://forum.inductiveautomation.com/t/background-color-bindings/98303/1 "2024-11-06T20:08:43Z")

</div>

I am trying to fill in the area outside the container to fill in the rest of the screen with the same background color as the container. I have had no luck in figuring this out. Any help is appreciated.

 ![screen](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/6/9621adf5c027ffd223b17c1cb60758d560aa6789.jpeg)

---

<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:** [November 6, 2024, 10:13pm UTC](https://forum.inductiveautomation.com/t/background-color-bindings/98303/2 "2024-11-06T22:13:17Z")

</div>

Welcome to the forum.  
Please edit your question title and add the Vision or Perspective tag so we know which system you're working on.

You also need to define what you mean by "screen". Vision has "windows". Perspective has "views". (Or do you mean the operating system's desktop?)

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [November 7, 2024, 1:15pm UTC](https://forum.inductiveautomation.com/t/background-color-bindings/98303/3 "2024-11-07T13:15:48Z")

</div>

You may try component width:100%

---

<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:** [November 7, 2024, 1:40pm UTC](https://forum.inductiveautomation.com/t/background-color-bindings/98303/4 "2024-11-07T13:40:01Z")

</div>

It appears that you are asking how to set a view's background color.

- On Project Browser select the view and select **root**.
- In Perspective Property Editor you can now set the `props.style`. Click the style icon and you can set the background color there.

---

<div class="post-metadata">

**Author:** ![Jason\_Interlicchia](https://avatars.discourse-cdn.com/v4/letter/j/ed8c4c/32.png) [@Jason\_Interlicchia](https://forum.inductiveautomation.com/u/Jason_Interlicchia)\
**Post date:** [November 7, 2024, 11:18pm UTC](https://forum.inductiveautomation.com/t/background-color-bindings/98303/5 "2024-11-07T23:18:13Z")

</div>

Thank you for your response. I have already under style set the background color. The area I want to fill in is the area outside the container as illustrated in the above screenshot.

---

<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:** [November 7, 2024, 11:37pm UTC](https://forum.inductiveautomation.com/t/background-color-bindings/98303/6 "2024-11-07T23:37:00Z")

</div>

We can't see the structure of your view. What is the container **in**?

Take a nicely cropped screengrab of the Project Browser showing the view expanded and the names and types of the relevant components.