GithubHelp home page GithubHelp logo

Comments (13)

ValentinH avatar ValentinH commented on June 6, 2024

Are you still experiencing this issue? If yes, could you provide a JSFiddle showing the issue with the minimum of code needed. You can fork this one: http://jsfiddle.net/pq7yr6d6/

from angularjs-slider.

coomsie avatar coomsie commented on June 6, 2024

Cheers, yes still an issue

have created this, but it works! yah! bummer mine doesnt ....

though i need to recreate the ajax method some how ...

https://jsfiddle.net/63zqeuwc/30/

from angularjs-slider.

ValentinH avatar ValentinH commented on June 6, 2024

Do you have the same result than on this example (before clicking the init button): https://jsfiddle.net/63zqeuwc/31/ ?

If yes, this is probably a problem of scope $digest. What are you using for your AJAX call?

from angularjs-slider.

coomsie avatar coomsie commented on June 6, 2024

b.t.w. I'm using AngularJS v1.2.16 - it that the issue?

from angularjs-slider.

ValentinH avatar ValentinH commented on June 6, 2024

I don't know but the example I provided above works with the 1.2.16: https://jsfiddle.net/63zqeuwc/46/

from angularjs-slider.

ValentinH avatar ValentinH commented on June 6, 2024

You can try to force the slider to render after you update your values using this:

$scope.$broadcast('rzSliderForceRender');

from angularjs-slider.

coomsie avatar coomsie commented on June 6, 2024

mmmm,

I've updated the jsfiddle as close and I can to my code ...

https://jsfiddle.net/63zqeuwc/48/

it works! damn it!

but not on my site ...

http://test.canterburymaps.govt.nz/webapps/FIR/

from angularjs-slider.

coomsie avatar coomsie commented on June 6, 2024

2015-07-29 22_07_58-imagery register debug mode

this is the first initial load of the values., see how the slider is to the far left?

from angularjs-slider.

ValentinH avatar ValentinH commented on June 6, 2024

OK I bet this is a sync problems, try this after all your logic:

$timeout(function() {
    $scope.$broadcast('rzSliderForceRender');
})

BTW, in your fiddle you use both rzSliderForceRender and reCalcViewDimensions but just know that rzSliderForceRender includes reCalcViewDimensions

from angularjs-slider.

coomsie avatar coomsie commented on June 6, 2024

ok, ta ... try it .. doesn't work ... i'll keep looking....

from angularjs-slider.

coomsie avatar coomsie commented on June 6, 2024

Gidday,

lol, have cracked the nut ...

it's because I hide the dates slider initially ...

when I unhide it permanently it works .....

but if hidden, it doesn't work as expected.

from angularjs-slider.

ValentinH avatar ValentinH commented on June 6, 2024

Yeap I often have this problem when using a slider inside a dropdown or a
modal. You need to call the rzForceRender message once it is visible.

Le mer. 29 juil. 2015 13:12, coomsie [email protected] a Γ©crit :

Gidday,

lol, have cracked the nut ...

it's because I hide the dates slider initially ...

when I unhide it permanantly it works .....

but if hidden, it doesnt work as expected.

β€”
Reply to this email directly or view it on GitHub
#73 (comment)
.

from angularjs-slider.

coomsie avatar coomsie commented on June 6, 2024

Cheers for your help ...

yeah just trying that out now ... with success on third button but not as i would want ... will get there though ...

http://jsfiddle.net/63zqeuwc/67/

from angularjs-slider.

Related Issues (20)

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.