: Circular Progress Button – different times for different buttons I'm trying integrate these awesome circular buttons with my form. Everything works but I have one problem: I wanna different status

@Mendez628

One way you can do this is by making a small change to the UIProgressButton.prototype.stop function.

You need to make sure that you


do not get rid of the statusClass class
manually set the statusTime by editing self.options.statusTime to whatever value you want it to be.


Check the edit I made here. Look at the function mentioned above.

I just changed (from the stop() function)

setTimeout( function() {
classie.remove( self.el, statusClass );
statusEl.draw(0);
self._enable();
}, self.options.statusTime );


to include an if statement and updated statusTime

if(status < 0){ // This indicates success so we do not want to remove status Class
self.options.statusTime = 5000; // Here set your statusTime based on 'status'
setTimeout( function() {
classie.remove( self.el, statusClass );
statusEl.draw(0);
self._enable();
}, self.options.statusTime );
}


To be able to have a different statusTime for each Button, what you could potentially do is set the statusTime (like I mentioned in the fiddle) based on a buttonId or a class etc.
you could have another if statement that does this.

Vote Up Vote Down