Combined Steps

Because we have two ways of determining how pips are rendered along the Slider, here’s a breakdown of how they interact with each other.

  • step: determines how many points are selectable along the Slider.
    This is for interaction. Non-selectable pips are not rendered at all.
  • pipstep: determines how many points are visible along the Slider.
    This is visual, pips that are not shown are still rendered.

step is multiplied by pipstep to determine the number of pips that are rendered. This can lead to some rather extreme numbers depending on the min, max, step and pipstep values. See the Pip Steps page for more details.

Examples

Here’s a table demonstrating how the two interact with each other.

step pipstep Result
1 1
10
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
10
2 1
10
0 2 4 6 8 10 12 14 16 18 20
10
1 2
10
0 2 4 6 8 10 12 14 16 18 20
10
2 2
10
0 4 8 12 16 20
10
2.5 2
10
0 5 10 15 20
10
2 2.5
10
0 5 10 15 20
10
2.5 2.5
10
0 6.25 12.5 18.75 20
10
3 2
9
0 6 12 18 20
10
2 3
10
0 6 12 18 20
10
3 3
9
0 9 18 20
10
5 0.5
10
0 2.5 5 7.5 10 12.5 15 17.5 20
10
0.5 5
10
0 2.5 5 7.5 10 12.5 15 17.5 20
10
0.5 0.5
1
0 0.25 0.5 0.75 1 1.25 1.5 1.75 2
1
3 5
9
0 15 20
10
5 3
10
0 15 20
10