Changes
Title
unchanged
Managing a star rating with the StarRating widget in Yii 2
Category
unchanged
How-tos
Yii version
unchanged
Tags
unchanged
yii2, star, rating, widget, plugin, jquery, icon, symbol
Content
changed
[...]
With CSS3 and HTML5 supported now in most modern browsers, a simpler solution, using scalable vector icons, for perfect display across devices is attempted in this new [StarRating](http://demos.krajee.com/widget-details/star-rating) widget. This widget is part of the [yii2-widgets](http://demos.krajee.com/widgets) package. It requires no images or does not internally use a nested span of radios, but simple HTML5 and CSS3 features.
Important Notes
---------------
Before using the plugin, read this for better controlling the widget features for your Yii2 app:
1. The widget offers many features using pure CSS to markup the star symbols and fractional ratings of any value. You can read about it at the [bootstrap-star-rating plugin page](http://plugins.krajee.com/star-rating). Ensure you have the widget dependencies covered for your environment as per the [composer.json](https://github.com/kartik-v/yii2-widgets/blob/master/composer.json).
2. It is to be noted that the plugin has some important pre-requisites. In addition to JQuery and CSS3 support, it internally uses a HTML 5 range input to capture the input. Hence the browser must support HTML 5 range inputs. Most modern browsers support the HTML-5 range input. For old or unsupported browsers, the plugin gracefully auto-degrades to a normal select input.
3. The plugin uses the Bootstrap 3 markup by default for styling the stars, the caption, and clear button. However this can be easily overwritten by CSS parameters to the plugin.
4. How do you control the fractional ratings? The following parameters in pluginOptions are important to control your rating steps and values:[...]