# Style Customizer on a Template

**URL:** <https://forum.inductiveautomation.com/t/style-customizer-on-a-template/33335>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [March 23, 2020, 7:18pm UTC](https://forum.inductiveautomation.com/t/style-customizer-on-a-template/33335 "2020-03-23T19:18:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahersh](https://avatars.discourse-cdn.com/v4/letter/a/13edae/32.png) [@ahersh](https://forum.inductiveautomation.com/u/ahersh)\
**Post date:** [March 23, 2020, 7:18pm UTC](https://forum.inductiveautomation.com/t/style-customizer-on-a-template/33335/1 "2020-03-23T19:18:48Z")

</div>

I created a custom button template that basically combines all of the tag control functionality of the pre-canned buttons, and adds a classic button appearance (Beveled edges that inset when the mouse is held-down).  
It consists of a rectangle for the background and a label for the text.  
My plan for styling the button is to use the style customizer to affect the root of the template, then add a script to apply the property changes to the background and text as-needed.  
However, I hit a roadblock because I can't get the style customizer to work on the template.  
I have it set to change the background color based on the button's tag value.  
I added a script to print the background color when it changes, but it doesn't print the color I assigned in the customizer, only the color in the template itself [The default rgba(255,255,255,0)].

Thoughts?

Same problem as these folks:

> [@Style Customizer and Templates](http://forum.inductiveautomation.com/t/style-customizer-and-templates/8000):
>
> I make a template with a property called Text (String). I put it in a window. I add to the object a new local property called UnstyledText (String). I open the Style Customizer and program Text to switch on UnstyleText values, producing a new string. It doesn’t work, I have no changing text. The same procedure starting from a normal Label (not a template) works. Any suggestion? Thank you!

> [@Style Customizer not working with Templates](http://forum.inductiveautomation.com/t/style-customizer-not-working-with-templates/10285):
>
> Hello Guys, I do this all the time with non-templates. I add a custom property and use it to drive other properties in the component. However, I was experimenting with a template instance and it doesnt seem to work. Notice that I’m trying to drive Template properties. Let me know what you guys think. I’m running version 7.6.4 so this might have already been fixed. Thanks!

---

<div class="post-metadata">

**Author:** ![ahersh](https://avatars.discourse-cdn.com/v4/letter/a/13edae/32.png) [@ahersh](https://forum.inductiveautomation.com/u/ahersh)\
**Post date:** [March 30, 2020, 5:22pm UTC](https://forum.inductiveautomation.com/t/style-customizer-on-a-template/33335/2 "2020-03-30T17:22:38Z")

</div>

Bump

---

<div class="post-metadata">

**Author:** ![ahersh](https://avatars.discourse-cdn.com/v4/letter/a/13edae/32.png) [@ahersh](https://forum.inductiveautomation.com/u/ahersh)\
**Post date:** [May 1, 2020, 12:12pm UTC](https://forum.inductiveautomation.com/t/style-customizer-on-a-template/33335/3 "2020-05-01T12:12:46Z")

</div>

An update for those that stumble upon this:  
Tech support confirmed that the style customizer does not work with template properties.  
Any template property used anywhere in a style customizer will “break” the customized properties from updating  
They could not however confirm if it’s by design or a bug  
The work around is to set expressions to each property that needs to customized (Such as using a “case” function), and to use color translation to handle animated colors.