Tick values not visible on small scale

[Marco Giorgi]

I've included a slider in my js project but I'm not able to show the tick values over the scale.

here is how I've defined:

            $("#default").ejSlider({

                value: 1,

                showScale:true,

              maxValue:7,

              minValue:1,

              showSmallTicks:true

            });

I need to show all the tick values from 1 to 7 over the scale.

I hope there's a way!

[Marco Giorgi]

I've included a slider in my js project but I'm not able to show the tick values over the scale.

here is how I've defined:

            $("#default").ejSlider({

                value: 1,

                showScale:true,

              maxValue:7,

              minValue:1,

              showSmallTicks:true

            });

I need to show all the tick values from 1 to 7 over the scale.

I hope there's a way!

solved by setting largeStep:1:

            $("#default").ejSlider({

                value: 1,

                showScale:true,

              maxValue:7,

              minValue:1,

              showSmallTicks:true,

              largeStep:1

            });

[Ashokkumar Balasubramanian]

Hi Marco, 

 

In our Slider component, Default we have specified the largeStep value as 10. For your provided code block, you have used the maxValue as 7, It’s lesser than largeStep value, so we are unable to calculate distance between two major ticks from the scale of Slider. So only in our Slider component ticks are not rendered properly. For this scenario, we have suggested to specify the largeStep value. 

 

Please let us know, if you have any concern on this. 

 

Regards, 

Ashokkumar B.