# Perspective flex page, background image

**URL:** <https://forum.inductiveautomation.com/t/perspective-flex-page-background-image/29948>\
**Category:** Ignition\
**Created:** [November 14, 2019, 1:37pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-page-background-image/29948 "2019-11-14T13:37:28Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![SBL\_MC](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/sbl_mc/32/56813_2.png) [@SBL\_MC](https://forum.inductiveautomation.com/u/SBL_MC)\
**Post date:** [November 14, 2019, 1:37pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-page-background-image/29948/1 "2019-11-14T13:37:28Z")

</div>

Hi there,

I used the perspective templates defined as standard to start my template. I still use the header as a flex page, but would like to add a background image to fill 100 % of the width, logos, alarm, users etc. in front.

Is this possible? Cheers.

---

<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:** [November 14, 2019, 8:51pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-page-background-image/29948/2 "2019-11-14T20:51:02Z")

</div>

Flex Containers don’t allow for stacking components. You’d most likely want to do something like a Coordinate Container set to percent with your background image configured as  
Image.position:

```auto
    x: 0
    y: 0
    width: 1.0
    height: 1.0

```

And then also place a Flex Container with the same properties applied.  
This should place the Flex Container content over the background image, while everything “flexes” to fill the container.

---

<div class="post-metadata">

**Author:** ![SBL\_MC](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/sbl_mc/32/56813_2.png) [@SBL\_MC](https://forum.inductiveautomation.com/u/SBL_MC)\
**Post date:** [November 15, 2019, 7:57am UTC](https://forum.inductiveautomation.com/t/perspective-flex-page-background-image/29948/3 "2019-11-15T07:57:08Z")

</div>

Thanks! 🙂 Worked like a charm.

Added a new coordinate view, set to percentage.  
Added the filler image and a flex container. Copied all the content from my flex view into this container. Some tweaks and then it looks as customer specified. 🙂