# Toggle Button Text Label Over Image

**URL:** <https://forum.inductiveautomation.com/t/toggle-button-text-label-over-image/73153>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [May 2, 2023, 5:25pm UTC](https://forum.inductiveautomation.com/t/toggle-button-text-label-over-image/73153 "2023-05-02T17:25:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dani\_Tell](https://avatars.discourse-cdn.com/v4/letter/d/4bbf92/32.png) [@Dani\_Tell](https://forum.inductiveautomation.com/u/Dani_Tell)\
**Post date:** [May 2, 2023, 5:25pm UTC](https://forum.inductiveautomation.com/t/toggle-button-text-label-over-image/73153/1 "2023-05-02T17:25:44Z")

</div>

Hello,

We are building a Frontend application with Vision, and we are trying to add a label text over the image on the toggle button. At the moment we can't. We need to use a toggle button instead of a button because our logic flow needs this component to display the correct flow states.

This is the result that we've.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/d/0dcaf15e3031f9a72a3b3cb3b4f3d631df151eab.png)

And this is the desired result.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/6/56b060d460e4cfc84d80d64d6710e73109ecf13b.png)

Thanks in advance

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [May 2, 2023, 5:35pm UTC](https://forum.inductiveautomation.com/t/toggle-button-text-label-over-image/73153/2 "2023-05-02T17:35:07Z")

</div>

Use a template, put your background in as an image component, do the toggling with a toggle button with a fully transparent background so the image shows through?