Difference between #5 and #6 of
Managing a star rating with the StarRating widget in Yii 2

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:
[...]
1 3
41 followers
Viewed: 24 933 times
Version: 2.0
Category: How-tos
Written by: Kartik V
Last updated by: Kartik V
Created on: May 8, 2014
Last updated: 10 years ago
Update Article

Revisions

View all history