Background of template

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

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