# Perspective Slider Labels

**URL:** <https://forum.inductiveautomation.com/t/perspective-slider-labels/40959>\
**Category:** Ignition\
**Created:** [November 25, 2020, 4:58pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-labels/40959 "2020-11-25T16:58:41Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![steven.cox](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steven.cox/32/18589_2.png) [@steven.cox](https://forum.inductiveautomation.com/u/steven.cox)\
**Post date:** [November 25, 2020, 4:58pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-labels/40959/1 "2020-11-25T16:58:41Z")

</div>

Hi all,

I am sure this is another newbie question. I have a Perspective Slider that I want the Labels to be 100 & 1800.

So I set the Min = 100 and Max = 1800 and the Interval = 1700. The result is just one label at 1700 (not max). If I set Min to 0 & Interval to 1800, I get a label at …well…0 & 1800 (max). But I want the 100 label at “0”.

So I am confused how to make it start at 100.

What did I miss?

Thanks, Steven

---

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [November 25, 2020, 8:10pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-labels/40959/2 "2020-11-25T20:10:02Z")

</div>

> [@steven.cox](#):
>
> Interval = 1700

I think this is your issue. The interval _should_ divisible by the max. (1700 / 1800 = 1 label)  
Try using this to start and adjust the step or interval as needed:  
props.step = 1  
props.min=100  
props.max=1800  
props.labels.interval=100

This should give you 18 labels with the ability select any number from 100-1800 (props.step=1).

---

<div class="post-metadata">

**Author:** ![steven.cox](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steven.cox/32/18589_2.png) [@steven.cox](https://forum.inductiveautomation.com/u/steven.cox)\
**Post date:** [November 25, 2020, 8:47pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-labels/40959/3 "2020-11-25T20:47:50Z")

</div>

> [@code\_skin](#):
>
> This should give you 18 labels with the ability select any number from 100-1800 (props.step=1).

This is true....however, I only want 2 labels...100 & 1800. If I change the interval to 400 for example I get this...

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/9/4922d34e768422bdca4aea198dc96cd8d6edc6d3.png)

I want this with the exception of 0 = 100  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/8/18f79585f467791515bf05f43901787d8955b853.png)

Thanks for the help,

Steven

---

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [November 25, 2020, 9:11pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-labels/40959/4 "2020-11-25T21:11:02Z")

</div>

> [@steven.cox](#):
>
> I only want 2 labels…100 & 1800

What about this:  
props.step = 1800  
props.labels.interval = 1800

This will give you 2 selectable options (0 & 1800). However, there is no 100 label since the interval starts at 1800. You could add another label to display the 100 or consider using a different component for the 2 states you need.

---

<div class="post-metadata">

**Author:** ![steven.cox](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steven.cox/32/18589_2.png) [@steven.cox](https://forum.inductiveautomation.com/u/steven.cox)\
**Post date:** [November 25, 2020, 9:42pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-labels/40959/5 "2020-11-25T21:42:15Z")

</div>

> [@code\_skin](#):
>
> You could add another label to display the 100

I see you can add to the labels property but I was not successful in creating a new label. Any idea how to do that?

Thanks, Steven

---

<div class="post-metadata">

**Author:** ![code\_skin](https://avatars.discourse-cdn.com/v4/letter/c/43a26b/32.png) [@code\_skin](https://forum.inductiveautomation.com/u/code_skin)\
**Post date:** [November 26, 2020, 12:15pm UTC](https://forum.inductiveautomation.com/t/perspective-slider-labels/40959/6 "2020-11-26T12:15:44Z")

</div>

I was suggesting dragging a Label component and placing over top of the slider component. (typically in a coordinate container)