Dashboard background image style settings

Ignition
1

I’m away from my home computer at the moment so I’ll have to attach more details screenshots later.

However, I was curious how I can get a background image on a dashboard component to stay aligned with the widgets grid. So for instance if I zoom, it’ll zoom in the background image instead of zooming in the widgets and resizing the background image. I played around with a few different ways but was unsuccessful and was curious if maybe if someone else has had any luck doing something similar?

The end goal is that I have tabletop ‘map’ with known row/column count and every interact-able space within the grid will be an individual ‘widget’. I had limited success with it not zoomed in but some weird cropping of the background image that wasn’t there in the source was throwing off my count.

2

Pretty sure you'll have to use a pan and zoom container for this, but I could be wrong. The only option at the moment that is out* is BIJC's module which we're using at the moment for displaying p&ids on mobile. It may not have the flexibility you need though for a dashboard..

*there are 2 other companies developing this that I know of, one free and another paid

Edit: you might be able to use the background-size CSS prop to do this better as well. Try setting it to cover or maybe setting it to a fixed width will work? Eg 100vw
Completely untested