# Conditional Display - Customizing shape & adding text in an image for Perspective

**URL:** <https://forum.inductiveautomation.com/t/conditional-display-customizing-shape-adding-text-in-an-image-for-perspective/68588>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 13, 2023, 9:46pm UTC](https://forum.inductiveautomation.com/t/conditional-display-customizing-shape-adding-text-in-an-image-for-perspective/68588 "2023-01-13T21:46:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Choi](https://avatars.discourse-cdn.com/v4/letter/d/34f0e0/32.png) [@David\_Choi](https://forum.inductiveautomation.com/u/David_Choi)\
**Post date:** [January 13, 2023, 9:46pm UTC](https://forum.inductiveautomation.com/t/conditional-display-customizing-shape-adding-text-in-an-image-for-perspective/68588/1 "2023-01-13T21:46:24Z")

</div>

So far I figured out how to make it an overlay by utilizing the opacity in the style, as well as Map Transformation while using the Tag binding (using boolean 0 or 1 to be either green or red).  
I've done this using an Image component, where the image is completely blank:  
 ![Image Overlay Sample](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/d/9d9065fcb166a544ad389a212bdf453dc667f4f2.jpeg)

What I would like to do is to:

- create a custom shaped image to be utilized as a condition button, so it fits in nicely to represent an actual area
- Be able to insert a text inside it

How can I achieve both of the above?

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [January 14, 2023, 10:20am UTC](https://forum.inductiveautomation.com/t/conditional-display-customizing-shape-adding-text-in-an-image-for-perspective/68588/2 "2023-01-14T10:20:43Z")

</div>

I think the simplest way would be to make an svg with the shape you want, put it in a view and overlay a label on top of it. Then you can use that view as your button.

Note that it doesn't need to be in a separate view, you could just drop both into your 'main' view. But an embedded view might make things easier.