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.
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:
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.
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.