# Image widget / widget overlay settings

**URL:** <https://forums.losant.com/t/image-widget-widget-overlay-settings/710>\
**Category:** Feature Request\
**Created:** [December 28, 2017, 8:18pm UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710 "2017-12-28T20:18:43Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![tom](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/tom/32/484_2.png) [@tom](https://forums.losant.com/u/tom)\
**Post date:** [December 28, 2017, 8:18pm UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/1 "2017-12-28T20:18:43Z")

</div>

This was previously requested here

> [@Image overlay dashboard block](https://forums.losant.com/t/image-overlay-dashboard-block/312):
>
> Any possibility of a dashboard block where we could upload an image or PDF and overlay data points? Our example would be a construction floor plan where we can place temperature, humidity and lighting status. Thanks! Bob

But I’d like to add to this request and also bump it

1. Simple image widget goes along way (especially if you are add animates gif options to it

2. Image background option for other widgets, also with animate gif, and with changing images for different states. So temp graph will show hot sun if you temp is above 90 and snow if below 32

I realize that that creating experience pages is probably a good solution for #1 but still image widget will come very handy.

---

<div class="post-metadata">

**Author:** ![Brandon\_Cannaday](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/brandon_cannaday/32/14_2.png) [@Brandon\_Cannaday](https://forums.losant.com/u/Brandon_Cannaday)\
**Post date:** [December 29, 2017, 7:04pm UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/2 "2017-12-29T19:04:24Z")

</div>

The image with data overlay is something that we’re seeing a lot of demand for. It’s currently a priority for us to get done. Should be a really cool block.

As for showing a gif, you can get most of the way there using an indicator block. The indicator block accepts any markdown, including image tags. So you can add a few conditions for the various gifs you’d like to display and then set the content to an image:

```auto
![](https://orig00.deviantart.net/3c98/f/2007/156/a/5/industrial_animation_by_tragic_saturn.gif)

```

 ![image](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/1X/ae5100c751456f7ebdf07d360828ddd5d8d3572d.jpg)

---

<div class="post-metadata">

**Author:** ![tom](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/tom/32/484_2.png) [@tom](https://forums.losant.com/u/tom)\
**Post date:** [December 30, 2017, 6:29pm UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/3 "2017-12-30T18:29:39Z")

</div>

Cool i’ll keep an eye for that overlay feature, thanks for the how-to on showing the gif.

---

<div class="post-metadata">

**Author:** ![RWB](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/rwb/32/2205_2.png) [@RWB](https://forums.losant.com/u/RWB)\
**Post date:** [December 31, 2017, 9:00am UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/4 "2017-12-31T09:00:35Z")

</div>

I’ve used a indicator block to show different custom jpg images based on the current condition. It updates the image as the status changes.

The data over images is really what we need though since it allows ultimate flexibility. Looking forward to it.

---

<div class="post-metadata">

**Author:** ![tom](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/tom/32/484_2.png) [@tom](https://forums.losant.com/u/tom)\
**Post date:** [January 1, 2018, 7:55am UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/5 "2018-01-01T07:55:36Z")

</div>

> [@RWB](#):
>
> The data over images is really what we need though since it allows ultimate flexibility. Looking forward to it.

Can you share some of your ideas on how and when to use it?

---

<div class="post-metadata">

**Author:** ![RWB](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/rwb/32/2205_2.png) [@RWB](https://forums.losant.com/u/RWB)\
**Post date:** [January 1, 2018, 6:36pm UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/6 "2018-01-01T18:36:16Z")

</div>

I created a jpg image of a tank with fill levels from 0 to 100% full in 10% increments and I had the indicator widget show the image with the tank level showing whatever level it was at at the time by calling that specific JPG image to be displayed.

---

<div class="post-metadata">

**Author:** ![tom](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/tom/32/484_2.png) [@tom](https://forums.losant.com/u/tom)\
**Post date:** [January 2, 2018, 4:36am UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/7 "2018-01-02T04:36:29Z")

</div>

and how are you’re thinking about using image overlay for graphs?

---

<div class="post-metadata">

**Author:** ![RWB](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/rwb/32/2205_2.png) [@RWB](https://forums.losant.com/u/RWB)\
**Post date:** [January 2, 2018, 4:52am UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/8 "2018-01-02T04:52:55Z")

</div>

Ideally, I would like the ability to create an image in Photoshop to be my dashboard background and then have the ability to place variable data any place on top of that background image and have the ability to change its size, color, and font to best suit where I’m placing it.

This way you could create any type fo background you want, like a product rendering or display so it matches the look and style that is on your actual product if that makes sense.

---

<div class="post-metadata">

**Author:** ![tom](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/tom/32/484_2.png) [@tom](https://forums.losant.com/u/tom)\
**Post date:** [January 9, 2018, 8:16pm UTC](https://forums.losant.com/t/image-widget-widget-overlay-settings/710/9 "2018-01-09T20:16:59Z")

</div>

Yes it does, from what the team told me, experience pages will get a lot of love in 2018, including the ability to add individual components to them, so that will be a great place to achieve what you are saying.

Let’s see 🙂
