This topic contains 1 reply, has 2 voices, and was last updated by  ivailo 6 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Slider tickLabel truncated #88451



    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.



    Slider tickLabel truncated #88464


    Hi BrianS,

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

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.