# Dashboard background image style settings

**URL:** <https://forum.inductiveautomation.com/t/dashboard-background-image-style-settings/106750>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 27, 2025, 8:27pm UTC](https://forum.inductiveautomation.com/t/dashboard-background-image-style-settings/106750 "2025-05-27T20:27:30Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jordan\_Richardson](https://avatars.discourse-cdn.com/v4/letter/j/e9c0ed/32.png) [@Jordan\_Richardson](https://forum.inductiveautomation.com/u/Jordan_Richardson)\
**Post date:** [May 27, 2025, 8:27pm UTC](https://forum.inductiveautomation.com/t/dashboard-background-image-style-settings/106750/1 "2025-05-27T20:27:31Z")

</div>

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.

---

<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:** [May 29, 2025, 1:51am UTC](https://forum.inductiveautomation.com/t/dashboard-background-image-style-settings/106750/2 "2025-05-29T01:51:32Z")

</div>

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