I attempted to use the star rating plugins but they don’t provide nearly as much flexibility as I would want from such a plugin…mostly about sizing issues, otherwise it seems pretty cool, especially since you can do 1/2 star ratings.
However, to get something more customized and flexible for my app I had to create my own. I used a reusable element to do so. There are some conditionals that need to be set, some custom states and workflows. Also needed are some ‘hidden’ shapes to help out with all the functionality. Below are screen shots to help you along.
Here is the element itself as seen in the editor
Here is the element tree to see. Only 5 icons (labeled by number) and 5 shapes
Here is the custom state on the reusable element to hold the numeric value of the rating
Here are the conditionals and the custom states on the star icons themselves.
Here are the conditionals on the shapes…these are used to assist with getting the stars to change from filled or not filled if you have already selected a higher value and hover over a lower value.
Here are your workflow events
Here is the result