# Perspective Slider, handle color

**URL:** <https://forum.inductiveautomation.com/t/perspective-slider-handle-color/38710>\
**Category:** Ignition Early Access\
**Created:** [September 15, 2020, 7:59pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-handle-color/38710 "2020-09-15T19:59:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dkylep](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@dkylep](https://forum.inductiveautomation.com/u/dkylep)\
**Post date:** [September 15, 2020, 7:59pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-handle-color/38710/1 "2020-09-15T19:59:00Z")

</div>

I would like to change the color of the slider handle. (perspective v8.0.16)

If I change the ‘handleColor’ property it only changes the border of the handle. Is it possible to change the background color of the handle too? Ideally I’d like to be able to set the enabled and disabled colors. Similar to the checkbox.  
Thanks  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/c/2caa8e9c113388239994ce3d42e033992421e24a.png)

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [September 15, 2020, 8:06pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-handle-color/38710/2 "2020-09-15T20:06:36Z")

</div>

May be I’m wrong but try to change the color in your theme.css file for the sliders. Unfortunately it change all the sliders.

---

<div class="post-metadata">

**Author:** ![dkylep](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@dkylep](https://forum.inductiveautomation.com/u/dkylep)\
**Post date:** [September 15, 2020, 9:04pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-handle-color/38710/3 "2020-09-15T21:04:32Z")

</div>

That might work but, I was thinking about changing the handle color as an indicator based on the current state of the process. So I would like to be able to have the color bound to a tag.

---

<div class="post-metadata">

**Author:** ![Ethan.Strike](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ethan.strike/32/13809_2.png) [@Ethan.Strike](https://forum.inductiveautomation.com/u/Ethan.Strike)\
**Post date:** [September 15, 2020, 9:15pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-handle-color/38710/4 "2020-09-15T21:15:50Z")

</div>

As far as I know there is no built-in functionality for that. The two official props for controlling the color on a slider are `handleColor` and `trackColor`

Here is the official [Slider Documentation](https://docs.inductiveautomation.com/display/DOC80/Perspective+-+Slider#ppPanel) for quick reference.

-Ethan S.

---

<div class="post-metadata">

**Author:** ![dkylep](https://avatars.discourse-cdn.com/v4/letter/d/6de8d8/32.png) [@dkylep](https://forum.inductiveautomation.com/u/dkylep)\
**Post date:** [September 15, 2020, 10:57pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-handle-color/38710/5 "2020-09-15T22:57:40Z")

</div>

Thanks, I might just have to use the combination of the trackColor and the handle border color (handleColor) as indicators. The only problem I can foresee is when the value is zero, the track bar is not visible, so the handle border will be the only color indicator.
