# Visualization issue

**URL:** <https://forum.inductiveautomation.com/t/visualization-issue/22200>\
**Category:** Ignition\
**Created:** [January 29, 2019, 6:48pm UTC](https://forum.inductiveautomation.com/t/visualization-issue/22200 "2019-01-29T18:48:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![chaddcharbonneau](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/chaddcharbonneau/32/7476_2.png) [@chaddcharbonneau](https://forum.inductiveautomation.com/u/chaddcharbonneau)\
**Post date:** [January 29, 2019, 6:48pm UTC](https://forum.inductiveautomation.com/t/visualization-issue/22200/1 "2019-01-29T18:48:43Z")

</div>

I have a template I’m using with an object in the template that has bindings to Width, Height, Angle.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/b/bc115c3bc52346a30fefab4991c6dc938f5c3aa9.png)  
When I drop this on my screen and change Height and rotation the image looks fine until I go into run mode and it distorts  
development  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/1/128f40f9f4e0d4477944a895fb52a917ef2f8193.png)  
run  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/6/622d4446a30fda3ea9aadecce5bd86b1322c33c7.png)  
anyone have suggestions, thanks

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [January 29, 2019, 8:21pm UTC](https://forum.inductiveautomation.com/t/visualization-issue/22200/2 "2019-01-29T20:21:38Z")

</div>

Scripts don’t run in design mode. Your assignments are creating the distortion (along with whatever funkiness is going on with rotation of shapes).

Also, propertyChange events should never have code that is outside of an if statement that picks out the property name you want to act upon.

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [January 29, 2019, 8:38pm UTC](https://forum.inductiveautomation.com/t/visualization-issue/22200/3 "2019-01-29T20:38:47Z")

</div>

> [@pturmel](#):
>
> Scripts don’t run in design mode.

Yes, chances are you'll see the same thing in preview mode in Designer. And definitely filter for the property you're looking for. Consider putting custom properties on the component with the property change script, binding them to 'Base' component's relHeight and relWidth, and then filtering for these properties, something like:

```auto
if event.propertyName in ['baseHeight', 'baseWidth']
	// Do stuff. 

```