mottie / pathslider Goto Github PK

Thank you for creating this pathslider! I've been searching all day for a way to make this type of grid with a slider. I can't find anything like it, but Your solution is a very close match. I read a blog post earlier where you said there didn't seem to be much interest in this solution, so I am happy to see that you haven't abandoned it! Adding the different line colors was one of the enhancements I was looking for as well.

My issue is I have to create a curved slider that sits within a grid. I need to customize the slider knob with an image as well. I've created the grid using svg, but I'm not sure how to integrate your pathslider "onto" the svg grid background. I'm guessing I could wrap both the svg (set as background) and position the pathslider in a container div, and then modify their respective parameters separately (dynamically perferably), but I'm out on a limb here. Could you help me with this? I appreciate your help and here is a rough visual rendering of what I'm trying to do. Thank you

Hi Rob,

Is there a way to make the pathslider responsive? Thanks!

Hi,

Slider Grip not movng smoothly when mouse pointer moves away from it. I tried to fix it but couldn't. Could you please help me out ?

Hi
Thanks for your great work.

i was wondering if there is away to have different colors for the line (before and after the Grip)

Thank's allot

Avi

HI Rob,

I haven't used d3.js but was looking at those, one in particular (sans quantity bars). You can see the "bubble" moving along the path with your mouse, but your pathslider is the customization I'm looking for (slider on a path) and yours can be used on touchscreens.

The behavior I'm looking requires that the data creating the pathslider is positioned on the line graph appropriately dynamically -- like how a line graph will show data. Is this a possibility for enhancement?

I'm probably asking for more complexity than you have time to do or even designed the pathslider to do. My apologies, but many, many thanks for the answers and demos you have already provided. :)

Hi Rob,

I am facing an issue in path slider. It's grip is moving up and down which is giving me th shivering effect in grip. Colud you please help me out for the same ? How can i make the grip movement smooth without any zig-zag effect.

For reference , i am attaching the link below. It's how i want the smooothness for grip in path slider:-

http://bseth99.github.io/projects/svg/4-raphael-svg-slider.html

Select the circle option and check the behaviour. It is working smoothly. Hoping for the reply.

Hi.

Is there away to configure the min and max value of the slider?

Thanks
Avi

Hi Rob,

Would you add linear gradient option to slider line color? I haven't tried this yet, but saw it in the docs as something you would add. Again, thanks for creating this!

i have it curved exactly how i want it and its moving freely.
my question is how do i set the position using javascript and how would i use it the same way as i am using this volume control.

<input type="range" id="volume"  width="500" height="20px" min="0" max="100" step="1"oninput="actions(this.id,this.value);" onchange="actions(this.id,this.value);"/>

i would like to use 2 sliders on the same page.
any chance you could give me an example on how to interact with the slider please. BTW i love it, very easy to implement :)

my email address is [email protected]

Hi, first off... cool plugin! I am considering using it in an app I am working on, however while it works great on just about every other device I have tried, it doesn't seem to respond on iOS8. The slider shows up, and I can still see a glow when I touch/tap the handle of the pathslider, but it won't actually let me drag the handle at all. I noticed it has the same issue on my app prototype as well as on your hosted pathslider demos, so I don't believe it's something specific I have done...

Any ideas why this is or how it can be fixed?