Slider tickLabel truncated

[BrianSParticipant]

Hi,

I have a range slider displaying the range of years from 1985 to 2016. The starting tick label has been truncated and displays as “985”. Is there any way to get the whole value to display?

The code for the slider is:

      $(document).ready(function () {
        $("#dateslider").jqxSlider( {
          rangeSlider: true, min: 1985, max: 2016, values: [1985, 2016], 
          mode: "fixed", value: {rangeStart: 2010, rangeEnd: 2016 }, 
          width: 600, height: 60, showTickLabels: true, ticksFrequency: 5, ticksPosition: "bottom", 
          theme: "orange"
        } );
      });

The CSS applies a left margin of 75px, but there is no other formatting applied to the slider.

Thanks,

Brian

[ivailoParticipant]

Hi BrianS,

You can format your labels with tickLabelFormatFunction callback.
In the following demo label’s position is set via css : http://jsfiddle.net/cu9p1vbk/

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts