View Full Version : Ext.ux.form.StarRater

9 Nov 2010, 1:58 AM
Update 22/11/2010: A first running demo can be tested HERE (http://www.extthemes.com/ext-3.3.0/examples/form/starRater.html)

Hi team and community,

like the tobiuGrid, I am going to introduce this component at the Sencha Conference (Brians UX Panel). I already start this topic now, so that the attendees have a place for feedback and discussions right after the Panel.

The component is based on K0bo's Ext.ux.form.Rater from Ext 1.1 (!!!!!).
I already worked on that one too in August 2007 :)

For Ext 3, I have rewritten the component. It is not only a formElement that allows you to vote between a chooseable amount of stars, but can also show average ratings in a different color with tooltips (like average rating 6.3, 100 users voted). It is possible the set and reset the field with beautiful animations.

The component will be dual licensed -> GPL and a commercial version for a reasonable price.

More details at the conf and afterwards here in this topic.

Feedback appreciated,

11 Nov 2010, 7:27 AM
just 5 more days :)


15 Nov 2010, 4:09 PM
just 1 more day :)

22 Nov 2010, 2:29 PM
i updated the main posting and added a link to a running demo-version.

the star rater has 3 different active colors:

yellow: showing average ratings of other votings (like 50 users voted 3.6)
light blue:hovering
blue: currently voted

i use the green icons to show older versions of the currently viewing user. these votings are disabled.
i could also optionally add a version, where users can edit their votings later on,
a version without animations etc.

your feedback and ideas are appreciated.

kind regards

20 Dec 2010, 1:43 PM
Looks good. From the demo, I have one shot at giving a rating. If you made a rating, you can't go back and change it if you change your mind. I don't know if this is configurable or not, but it probably should be. I'd be happy to contribute but I don't see a download anywhere.

21 Dec 2010, 2:00 AM
thanks for the feedback. you can see the code at the demo-url, the code is not minified.
the direct url is: http://www.extthemes.com/ext-3.3.0/examples/ux/Ext.ux.form.StarRater.js

the concept is, that you have methods to reset a voting, maybe a click-event on the green icon or a cross icon at the right side to instantly reset a field. i will think about it!

kind regards