ngx-slider
ngx-slider copied to clipboard
Add tooltip (including custom one) on hover on slider's bar without ticks adding
Now it is possible to add tooltip only when ticks are present. There is no a possibility to add tooltip without ticks. Sometime I do not want to show ticks, but want to have tooltips during hovering on slider. Also not in all cases ticks can be added. For example if values range [min,max] is too big, adding spans for ticks in unusable (DOM becames too big), but I still can want to have tooltips to see a possible value which will be selected by click on slider on current mouse position.
This is a mockup from designer.
As you can see, max value of range is 1632. It is impossible to add 1632 ticks at least because it does not make sence.
Now to implement that "show mouse value on hover" requirement I'm going to do it manually using slider size, values range and mouse offset position to calculate a possible value. It will be so better if this functionality will be provided by your control.
is it possible to show tool tip without tick values
This lib does not provide that functionality. But it has all we need for that. I have implemented own directive (SliderHoverDirective) basing on source code with some modifications. But this solution is a workaround, because after each lib update I should synch changes if I want to update lib version. Strange that this basic functionality in still not imlemented.
@sbervinov Is it publicly available your own directive, SliderHoverDirective?
@sbervinov Cool I´m interested in this as well, How did you implement this?
@sbervinov I'm interested in this features as well hope to get more information from you
I hope will have functionality tooltip on hover on slider's