# Perspective View - Background Color Beyond View Limits

**URL:** <https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 16, 2022, 8:54pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074 "2022-08-16T20:54:03Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![rod.rebman](https://avatars.discourse-cdn.com/v4/letter/r/f14d63/32.png) [@rod.rebman](https://forum.inductiveautomation.com/u/rod.rebman)\
**Post date:** [August 16, 2022, 8:54pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/1 "2022-08-16T20:54:03Z")

</div>

I am building a project in Perspective with a simple navigation menu to the left of several different views. These are built to a total width of 1920.

I have several 4k displays which are displaying a white bar to the right of the views - is there a way to grow the entire view beyond the default width? I have everything in flex containers and components are scaling properly as the window is resized. I have the flex containers set to stretch. Adding additional default width does not remove the white bar - even if this cannot be used can this be defaulted to a specific background color?

---

<div class="post-metadata">

**Author:** ![andrews](https://avatars.discourse-cdn.com/v4/letter/a/898d66/32.png) [@andrews](https://forum.inductiveautomation.com/u/andrews)\
**Post date:** [August 16, 2022, 8:55pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/2 "2022-08-16T20:55:18Z")

</div>

Can you show us a picture?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 16, 2022, 9:48pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/3 "2022-08-16T21:48:07Z")

</div>

The main page view will always stretch to fit entirely within the viewport, so I’m not sure what would be causing your white bar, unless you have a right margin set?  
+1 for a screenshot

---

<div class="post-metadata">

**Author:** ![rod.rebman](https://avatars.discourse-cdn.com/v4/letter/r/f14d63/32.png) [@rod.rebman](https://forum.inductiveautomation.com/u/rod.rebman)\
**Post date:** [August 17, 2022, 2:20pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/4 "2022-08-17T14:20:00Z")

</div>

![DISPLAY4K](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/6/366b215f8adab57fffb5cdcd1f5ee6937726078e.jpeg)

---

<div class="post-metadata">

**Author:** ![rod.rebman](https://avatars.discourse-cdn.com/v4/letter/r/f14d63/32.png) [@rod.rebman](https://forum.inductiveautomation.com/u/rod.rebman)\
**Post date:** [August 17, 2022, 2:21pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/5 "2022-08-17T14:21:54Z")

</div>

Unfortunately I’m not getting this issue on my display or when pushing to a 4K through Windows.

What I have found is this is consistent when I open a session on a Chromium browser, either here with a smart TV or using Android media players.

Here I have removed components obviously - the docked (yellow) is locked at 250, the primary view (green) is a flex container. There are no entities on the right edge.

---

<div class="post-metadata">

**Author:** ![andrews](https://avatars.discourse-cdn.com/v4/letter/a/898d66/32.png) [@andrews](https://forum.inductiveautomation.com/u/andrews)\
**Post date:** [August 17, 2022, 2:24pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/6 "2022-08-17T14:24:16Z")

</div>

Have you tried using chromium dev tools to inspect the element in question?

---

<div class="post-metadata">

**Author:** ![rod.rebman](https://avatars.discourse-cdn.com/v4/letter/r/f14d63/32.png) [@rod.rebman](https://forum.inductiveautomation.com/u/rod.rebman)\
**Post date:** [August 17, 2022, 2:34pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/7 "2022-08-17T14:34:32Z")

</div>

I’ll have to dig to see if there are any tools or extensions available - this photo is from a native smart TV browser which has no inspection available.

My media players are from Navori Systems and program through their software which pushes to their ‘Navori Engine’ app which is unfortunately locked down.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [August 17, 2022, 2:50pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/8 "2022-08-17T14:50:53Z")

</div>

I believe someone had a similar problem before with smart tvs not using (the ‘newest’ version) of chromium.

you’ll have to look up the browser it is using and the related feautures it has and if it has any (webkit or similar) workarounds

check this site on your tv

> **[The HTML5 test - How well does your browser support HTML5?](http://html5test.com/index.html)**
>
> The HTML5 test score is an indication of how well your browser supports the upcoming HTML5 standard and related specifications. How well does your browser support HTML5?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 17, 2022, 3:05pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/9 "2022-08-17T15:05:14Z")

</div>

Can you paste the json of that view or views? Shift+right click on them and copy json

---

<div class="post-metadata">

**Author:** ![rod.rebman](https://avatars.discourse-cdn.com/v4/letter/r/f14d63/32.png) [@rod.rebman](https://forum.inductiveautomation.com/u/rod.rebman)\
**Post date:** [August 17, 2022, 3:47pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/10 "2022-08-17T15:47:42Z")

</div>

I have run that test before when using these systems - they are an older Chromium variant but there were no appreciable misses, as I recall the only limitations where in the ‘Security’ section.

JSON - Navigation/Dock:

```auto
{
  "custom": {},
  "params": {},
  "props": {
    "defaultSize": {
      "height": 1080,
      "width": 250
    }
  },
  "root": {
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "backgroundColor": "#FFFF47"
      }
    },
    "type": "ia.container.flex"
  }
}

```

JSON - Primary ‘View’ (Flex Container):

```auto
{
  "custom": {},
  "params": {},
  "props": {
    "defaultSize": {
      "height": 1080,
      "width": 1670
    }
  },
  "root": {
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "backgroundColor": "#FFFF47",
        "overflow": "hidden"
      }
    },
    "type": "ia.container.flex"
  }
}

```

---

<div class="post-metadata">

**Author:** ![rod.rebman](https://avatars.discourse-cdn.com/v4/letter/r/f14d63/32.png) [@rod.rebman](https://forum.inductiveautomation.com/u/rod.rebman)\
**Post date:** [August 17, 2022, 4:02pm UTC](https://forum.inductiveautomation.com/t/perspective-view-background-color-beyond-view-limits/63074/11 "2022-08-17T16:02:12Z")

</div>

Additional info - browser scores quite well through HTML5test - the only category missing from basic display is JPEG-XR support. I have a few ancillary features missing (H.265, Speech Recognition, Geolocation, Web Payments) but nothing I would think that would impact this.
