ngx-slider icon indicating copy to clipboard operation
ngx-slider copied to clipboard

Add tooltip (including custom one) on hover on slider's bar without ticks adding

Open sbervinov opened this issue 4 years ago • 6 comments

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.

image

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.

sbervinov avatar Feb 25 '20 11:02 sbervinov

is it possible to show tool tip without tick values

RajasekharKadasani avatar May 15 '20 03:05 RajasekharKadasani

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 avatar May 20 '20 12:05 sbervinov

@sbervinov Is it publicly available your own directive, SliderHoverDirective?

nuwanlakshitha avatar Jul 28 '20 09:07 nuwanlakshitha

@sbervinov Cool I´m interested in this as well, How did you implement this?

aznguy avatar Apr 07 '21 07:04 aznguy

@sbervinov I'm interested in this features as well hope to get more information from you

Eugenelcc avatar Sep 15 '21 02:09 Eugenelcc

I hope will have functionality tooltip on hover on slider's

longjin1991 avatar Nov 20 '22 03:11 longjin1991