Ext.ux.touch.Rating

[Podlipensky]

I’d like to introduce you Ext.ux.touch.Rating control for Sencha Touch framework.

GitHub: https://github.com/podlipensky/Ext.ux.touch.Rating

Demo: http://podlipensky.com/sencha/exampl...ing/index.html

More examples and documentation: http://podlipensky.com/2011/01/sench...ating-control/

new Ext.ux.touch.Rating({
    itemsCount : 5,
    label : 'Star',
    inputCls : 'x-rating-star-input',
    itemCls : 'x-rating-star',
    itemHoverCls : 'x-rating-star-hover'
})

I added one experimental (optional) behavior to the control – when user tap/drag over some star, all previous stars change their color to (predefined) another color. So user can assume what the current rating is by noticing color of the first (previous) star (which is not hovered by thumb anymore).

You're welcome with comments and suggestions.

UPDATE 3/20/2012:
Finally I migrated rating field to Sencha Touch 2.0, find more details here: http://podlipensky.com/2012/03/sench...-touch-rating/

[mitchellsimoens]

Nice job, very well done!

[AndreaCammarata]

That's an example of how a simple idea can turns into a really nice extension.
Well done Poliplensky

[tomalex0]

Thats cool , thanks for sharing

[axxerion]

Lovely

[gkatz]

thanks!!

[anselmtmcclain]

This is great and exactly what I needed - thanks so much! Would you consider adding an option to clear the field completely - i.e. select no stars? This would be useful in the case where a user doesn't want to supply a rating - but doesn't want to indicate "one star."

Perhaps there could be an icon to the far left or right with an "x" or similar that would set this 'null' value, setting all stars to the unselected class and causing the field to return -1 or null as its value.

Again - great plugin and contribution to the Touch framework!

- ATM

[Podlipensky]

This is great and exactly what I needed - thanks so much! Would you consider adding an option to clear the field completely - i.e. select no stars? This would be useful in the case where a user doesn't want to supply a rating - but doesn't want to indicate "one star."

Perhaps there could be an icon to the far left or right with an "x" or similar that would set this 'null' value, setting all stars to the unselected class and causing the field to return -1 or null as its value.

Again - great plugin and contribution to the Touch framework!

- ATM

Thanks for feedback, this gives me an energy to add the feature

Please get the latest from git.

[anselmtmcclain]

Thanks for feedback, this gives me an energy to add the feature

Please get the latest from git.

Great - THANKS!! Very well done and exactly what I needed. I was working on it late last night, posted my suggestion, and woke up this AM to find it magically done. Amazing.

Integration and testing went perfectly - I'll stay subscribed to this thread for any future updates and should post a screenshot soon to show you your efforts in place in our app.

Again, many thanks and most impressed.

[anselmtmcclain]

Quick screen-shot - form isn't much to look at, but again wanted to say thanks for the plug-in.