# \[Feature-540\]Perspective Radio Group Styling

**URL:** <https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 17, 2020, 8:39pm UTC](https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812 "2020-09-17T20:39:57Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexmarcy](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alexmarcy/32/4653_2.png) [@alexmarcy](https://forum.inductiveautomation.com/u/alexmarcy)\
**Post date:** [September 17, 2020, 8:39pm UTC](https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812/1 "2020-09-17T20:39:57Z")

</div>

Using the selectedIcon and unselectedIcon styling on a radio group to set the color works no problem…but if you set the selectedIcon color to a non-default value it flashes with the default blue color while the radio button transitions from unselected to selected.

Is there a way to handle this so the “transition” color would match the selectedIcon color?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [September 17, 2020, 8:49pm UTC](https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812/2 "2020-09-17T20:49:49Z")

</div>

What version are you using? I’m currently using a 8.1.0 nightly and am not seeing this behavior, and I don’t remember seeing it in 8.0.16.

---

<div class="post-metadata">

**Author:** ![alexmarcy](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alexmarcy/32/4653_2.png) [@alexmarcy](https://forum.inductiveautomation.com/u/alexmarcy)\
**Post date:** [September 17, 2020, 8:50pm UTC](https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812/3 "2020-09-17T20:50:49Z")

</div>

8.0.16, installed it about a week ago.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [September 17, 2020, 8:51pm UTC](https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812/4 "2020-09-17T20:51:14Z")

</div>

I’ll try an 8.0.16 environment and see if I can replicate.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [September 17, 2020, 8:58pm UTC](https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812/5 "2020-09-17T20:58:40Z")

</div>

Ah, I wasn’t seeing it because I also had a color set for my unSelectedIcon color property (so I never had the default blue display - only the unselected color). It looks like what is happening is the unselected radio icon first switches to the “selectedIcon” icon, and then _transitions_ color from the `unSelectedIcon.color.enabled` value to the `selectIcon.color.enabled` value. I can speak with Dev and see about changing the order of operations there, but no promises.

---

<div class="post-metadata">

**Author:** ![alexmarcy](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alexmarcy/32/4653_2.png) [@alexmarcy](https://forum.inductiveautomation.com/u/alexmarcy)\
**Post date:** [September 17, 2020, 9:11pm UTC](https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812/6 "2020-09-17T21:11:39Z")

</div>

Thanks for the explanation. Not a showstopper, just noticed it while we were updating the styling for a customer.

Thanks!

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [September 17, 2020, 9:36pm UTC](https://forum.inductiveautomation.com/t/feature-540-perspective-radio-group-styling/38812/7 "2020-09-17T21:36:24Z")

</div>

I’ve opened an internal ticket to swap out the color transition for an immediate color-swap. This should prevent the “flash” you’re seeing during the transition.