1. #1
    Sencha Premium Member
    Join Date
    Aug 2008
    Location
    USA
    Posts
    61
    Vote Rating
    1
    Podlipensky is on a distinguished road

      0  

    Default Ext.ux.touch.Rating

    Ext.ux.touch.Rating


    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/




    Code:
    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/
    My recent commitment into Sencha community:
    Star Rating Field: https://github.com/podlipensky/Ext.ux.touch.Rating
    Sencha Articles on my blog: http://podlipensky.com

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,408
    Vote Rating
    850
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Nice job, very well done!
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,395
    Vote Rating
    23
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    That's an example of how a simple idea can turns into a really nice extension.
    Well done Poliplensky
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    Owner at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    https://github.com/AndreaCammarata/TUX


  4. #4
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    Thats cool , thanks for sharing

  5. #5
    Touch Premium Member
    Join Date
    May 2010
    Location
    The Netherlands
    Posts
    46
    Vote Rating
    0
    axxerion is on a distinguished road

      0  

    Default


    Lovely

  6. #6
    Sencha User
    Join Date
    Nov 2010
    Posts
    398
    Vote Rating
    6
    gkatz is on a distinguished road

      0  

    Default


    thanks!!

  7. #7
    Ext JS Premium Member anselmtmcclain's Avatar
    Join Date
    Mar 2008
    Location
    Northern California
    Posts
    84
    Vote Rating
    3
    anselmtmcclain is on a distinguished road

      0  

    Default


    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

  8. #8
    Sencha Premium Member
    Join Date
    Aug 2008
    Location
    USA
    Posts
    61
    Vote Rating
    1
    Podlipensky is on a distinguished road

      0  

    Default


    Quote Originally Posted by anselmtmcclain View Post
    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.
    My recent commitment into Sencha community:
    Star Rating Field: https://github.com/podlipensky/Ext.ux.touch.Rating
    Sencha Articles on my blog: http://podlipensky.com

  9. #9
    Ext JS Premium Member anselmtmcclain's Avatar
    Join Date
    Mar 2008
    Location
    Northern California
    Posts
    84
    Vote Rating
    3
    anselmtmcclain is on a distinguished road

      0  

    Thumbs up Nice - thanks!

    Nice - thanks!


    Quote Originally Posted by Podlipensky View Post
    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.

  10. #10
    Ext JS Premium Member anselmtmcclain's Avatar
    Join Date
    Mar 2008
    Location
    Northern California
    Posts
    84
    Vote Rating
    3
    anselmtmcclain is on a distinguished road

      0  

    Default


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


Similar Threads

  1. Rating extension
    By Alcoholov in forum Ext 2.x: User Extensions and Plugins
    Replies: 32
    Last Post: 8 Dec 2010, 8:26 PM
  2. Replies: 2
    Last Post: 26 Nov 2010, 9:58 AM
  3. Replies: 1
    Last Post: 10 Nov 2010, 7:07 PM
  4. [1.1] Ext.ux.StarRating : Star rating/voting system - forms or standalone
    By Saeven in forum Ext 1.x: User Extensions and Plugins
    Replies: 5
    Last Post: 15 Oct 2009, 2:40 PM
  5. Problem Regarding the Thread Rating
    By lewgwapo1 in forum Community Discussion
    Replies: 0
    Last Post: 21 May 2008, 11:40 PM

Thread Participants: 13

Tags for this Thread