# Partial use of Image overlay block

**URL:** <https://forums.losant.com/t/partial-use-of-image-overlay-block/2763>\
**Category:** Help\
**Tags:** dashboard\
**Created:** [March 27, 2020, 12:30pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763 "2020-03-27T12:30:10Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [March 27, 2020, 12:30pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763/1 "2020-03-27T12:30:10Z")

</div>

I like the features of the “Image Overlay” block where I can change the color of markers based on the signal status. Since the positioning must be based on where the markers are compared to the image used, I’m guessing I can not get rid of the (+|-) zoom button in this block, right?  
The reason of me asking is that in this particular dashboard, I don’t need an image to overlay on, I just need 8 lines of label text, where a marker , next to the text,would change color based on signal status.  
Is there maybe another block that would be better suited for this?

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [March 27, 2020, 12:35pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763/2 "2020-03-27T12:35:07Z")

</div>

What data is backing your 8 lines of text? For example, does each line represent a different attribute of the same device? Or is each line a different device indicating the value of attribute? Or is it a mix of the two?

---

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [March 27, 2020, 12:38pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763/4 "2020-03-27T12:38:53Z")

</div>

Each line of text is static description of an Alarm.  
The color change is based on an alarm bit (0 or 1) from an attribute

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [March 27, 2020, 12:48pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763/6 "2020-03-27T12:48:47Z")

</div>

And are those 8 different attributes of one device, or 8 devices all with the same attribute? The answer to that question could change my recommendation on how you could get the behavior you seek.

---

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [March 27, 2020, 12:50pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763/8 "2020-03-27T12:50:09Z")

</div>

One device , 8 attributes.

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [March 27, 2020, 1:02pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763/9 "2020-03-27T13:02:23Z")

</div>

In that case, short of using the [Custom HTML Block](https://docs.losant.com/dashboards/custom-html/), I don’t have a perfect solution to get you what you’re looking for; however, I can think of a couple workarounds …  
If the dashboard in question is being used in an application experience, you could write some custom CSS to hide the +/- buttons in the image overlay. However, I do not recommend that as users could still zoom the block using their mouse / trackpad, and the absence of buttons to reset their zoom could lead to a bad experience.

You could also try using the [Input Controls Block](https://docs.losant.com/dashboards/input-controls/) to get something akin to what you’re looking for. In the attached screenshot, I’m using a combination of [help blocks](https://docs.losant.com/dashboards/input-controls/#help-blocks) alongside [toggle switches](https://docs.losant.com/dashboards/input-controls/) whose default values are [dynamically set by query](https://docs.losant.com/dashboards/input-controls/#dynamic-default-values).

The downside is the user could unlock the block and change the value of the toggles, but in the absence of a button in the input controls block, they can’t really cause any damage.

 ![Screen Shot 2020-03-27 at 9.02.11 AM](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/2X/8/80c13b1e359b9973bfaa7d57afcc5e05ed40ebfb.png)

---

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [March 27, 2020, 1:07pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763/10 "2020-03-27T13:07:57Z")

</div>

Understood.  
Would the input toggle switches refresh with dashboard auto refresh, or does the whole page need to be refreshed?

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [March 27, 2020, 1:09pm UTC](https://forums.losant.com/t/partial-use-of-image-overlay-block/2763/11 "2020-03-27T13:09:00Z")

</div>

The toggle switches will update whenever the dashboard data refreshes. No whole-page-refresh needed.
