Add tics to <igx-slider> control

[brookhutchinson]

Question

How do I add tics (tic marks) to an ?

I am using an control to allow a user to select a time range.
Yesterday, Last 3 days, Last 7 days

I would like to add 3 tics to the control, one tic for each possible time range selection.

• igniteui-angular version: 7.2.4

• browser: Google Chrome 73.0.3683.103

[zdrawku]

Hi @brookhutchinson, I am going to mark your question as Feature request. Using of tick marks is something that we definetely plan to add to the slider, although for now I can only suggest you to achieve this functionality on application level. Check out this sample

Result:

As for the custom select range (Yesterday, Last 3 days, Last 7 days), this is a feature that we are currently working on, you can see the progress of the development here.

Related to Feature request with the following specification.

Let me know if there is sometihing else that you want to add here or discuss with us.

[SlavUI]

@StefanIvanov can you comment here based on our discussion on this yesterday :)

[StefanIvanov]

@DaniMarinov is handling the slider so I would delegate to him rather than being a proxy for information. He will share the spec once we merge all requirements in one place.

[DaniMarinov]

Hi @brookhutchinson you can find the UX solution here https://github.com/IgniteUI/igniteui-angular/wiki/Slider . Let me know whether the Discrete variation of the slider is what you need.