# Background of template

**URL:** <https://forum.inductiveautomation.com/t/background-of-template/116000>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [June 16, 2026, 8:02am UTC](https://forum.inductiveautomation.com/t/background-of-template/116000 "2026-06-16T08:02:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![leonardo.dejesus](https://avatars.discourse-cdn.com/v4/letter/l/ec9cab/32.png) [@leonardo.dejesus](https://forum.inductiveautomation.com/u/leonardo.dejesus)\
**Post date:** [June 16, 2026, 8:02am UTC](https://forum.inductiveautomation.com/t/background-of-template/116000/1 "2026-06-16T08:02:55Z")

</div>

Hello everyone,

I am creating a reusable template in Ignition Vision for an analog input object.

The design uses a rectangle with rounded corners, but when I place the template on a Vision window, the template/root container appears behind the rounded rectangle. This creates a visible rectangular background around the rounded corners, even though the root container background is set to transparent and the border is set to **No Border**.

I have tried:

- Setting the template root background to transparent
- Setting the template instance background to transparent
- Setting the border to **No Border**
- Using both a Rectangle component and a Paintable Canvas
- Setting the root and canvas to non-opaque through scripting

However, the rectangular background around the rounded corners is still visible.

The template size is `140 × 64`, and I would like to keep these dimensions without increasing the rounded rectangle beyond the template bounds.

Has anyone experienced this in Vision? Is there a proper way to make the template container fully transparent so that only the rounded object is visible?

Thanks.

Find the pictures below:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/e/dee1d3b6a00598c751fe60c318cf987af5977f99.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/f/df7915317bef4dae9ffcaebca9cb20f0cd106039.png)

---

<div class="post-metadata">

**Author:** ![zxcslo](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zxcslo/32/61610_2.png) [@zxcslo](https://forum.inductiveautomation.com/u/zxcslo)\
**Post date:** [June 16, 2026, 8:50am UTC](https://forum.inductiveautomation.com/t/background-of-template/116000/2 "2026-06-16T08:50:17Z")

</div>

The grey border you see is from tag/property binding overlay, which tells you that there is sometning wrong with binding.

---

<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:** [June 16, 2026, 4:22pm UTC](https://forum.inductiveautomation.com/t/background-of-template/116000/3 "2026-06-16T16:22:54Z")

</div>

This worked immediately for me in the most obvious way.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/3/b315826bcf858b167863086413aa8d21fd64ed29.png)

My template is all default values:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/b/cbb7365fb50a9e905f004e6a6f48269439f563d0.png)