Giter VIP home page Giter VIP logo

circular-slider's Introduction

circular-slider's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

circular-slider's Issues

Integrate in bower

Hello

Thank you very much for your work.
I am thinking of using circular-slider in a project. Could you integrate circular-slider in bower?

Best whises

Bower changes.

Hi!

Thanks for accept the pull request. It'll be very usefull for our project. ;)

Can you upload the changes in bower.

Thanks!

The indicator is not aligned correctly

Hello

I think you have made a great plugin. I just have a small issue, the indicator looks a bit shifted on the top left, as you can see on the pictures :

322 133

changing the slider handle size

hi I there a way to change the slider handle size?

I've tried to use:

.jcs-indicator {
 width: 20px;
height: 20px;
}

but this just gets overridden by the element.style

on Done callback

onSlideEnd callback to do computational intensive operations.

Slider indicator position issue

Hello,
We use this circular slider and its very good. Now when using in mobile application i find that using the indicator to slide doesnt make any change. Where as when user slides in the internal circle then the slider position changes.
Here this doesnt seem to be intutive to user for changing values.
Can we do any of the following changes:

  1. Either change the indicator position to the center circle
  2. Make it slide on the indicator.

Please let me know how can it be fixed asap.

Regards,
Shraddha

Mobile support?

I have installed this and works fine, but when using it on a mobile device, I noticed the pointer is not draggable though it can change position when tapping on any part of the slider.

Not working correctly

The script code is very dependent on its location in the html. It renders if the script is placed at the bottom of the html but the red dot is offset from the bottom and is not located on the circle. Also the object is non responsive to and clicking or dragging. In short it does not work in all the environments that I have tried, that is PHP Storm, and Eclipse PHP.

handle goes past the circle when using cordova / phonegap

I have the slider in standard web page and it's working perfectly (especially since you set the handle size now :-) )

It's work on the standdar chrome desktop view and when you set chrome to use the mobile emulator

When I run web page as a cordova app though despite having the half circle mode set the handle spins 360 degrees - it doesn't stop at the ends - see screenshot
circle slider

setRadius(value)

It's possible set radius dynamically?
ex.
var circularSlider = $('#slider').CircularSlider({
min : 0,
max: 359,
value : 10,
radius : 120;
});

I want to do

circularSlider.setRadius(200);

to change the radius of the active circularSlider

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.