Tick labels is not visible - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: Angular slider, javascript slider, jquery slider, slider tick labels

This topic contains 3 replies, has 2 voices, and was last updated by ivailo 8 years, 8 months ago.

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

Author

Tick labels is not visible Posts
April 6, 2016 at 9:41 am Tick labels is not visible #83189

kinders
Participant

Tick labels is not visible any more after update. But I have figured it out. You set the whole slider overflow as hidden and the label is put out of the div block.

April 6, 2016 at 10:18 am Tick labels is not visible #83190

ivailo
Participant

Hi kinders,

Please, use showTickLabels: true if you want visible tick labels.
Here is a demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

April 6, 2016 at 10:24 am Tick labels is not visible #83191
kinders
Participant
I did set the labels true
```
  $label("Slider_Age").jqxSlider({width: 670, showMinorTicks: true, showButtons:true,  height:30,
    min:0, max:100, step:1, ticksFrequency:10, values:[30, 60], mode:'fixed', rangeSlider:true,
    tooltip:true, showTickLabels:true, ticksPosition: 'top', theme:definedTheme});
```
April 6, 2016 at 12:24 pm Tick labels is not visible #83201

ivailo
Participant

Hi kinders,

You have to increase the value of the height property. With correct value everything is displayed as expected.
Here is a demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com
Author

Posts

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

You must be logged in to reply to this topic.