mobile.igRating

mobile.igRating_image

The mobile igRating is a control that allows you to select and rate items from a given range of values. The control is specifically designed for mobile devices (which makes rating whole values the only option). If the control is in the read-only mode the control rounds values with half precision.

The following code snippet demonstrates how to initialize the igRating control.

Click here for more information on how to get started using this API. For details on how to reference the required scripts and themes for the igRating control read, Using Mobile Resources in IgniteUI.

Code Sample

<!doctype html>
<html>
<head>
    <!-- jQuery Core -->
    <script src="js/jquery.js" type="text/javascript"></script>
    <!-- jQuery Mobile -->
    <script src="js/jquery.mobile.js" type="text/javascript"></script>
    <!-- Moderznizr -->
    <script src="js/modernizr.js" type="text/javascript"></script>
    <!-- Infragistics Loader Script -->
    <script src="js/infragistics.loader.js" type="text/javascript"></script>   
    <!-- Infragistics Loader Initialization -->
    <script type="text/javascript">
        $.ig.loader({
            scriptPath: "js/",
            cssPath: "css/",
            resources: "igmRating"
        });
         
        $.ig.loader(function () {
            $("#igRating2").igRating({
                value: 1
            });
        });
    </script>
</head>
<body>
    <div id="igRating1"
        data-role="igrating"
        data-value="2">
    </div>
     
    <div id="igRating2"></div>
</body>
</html>

Related Samples

Related Topics

Dependencies

jquery-1.7.2.js
jquery.mobile-1.2.0.js

Copyright © 1996 - 2025 Infragistics, Inc. All rights reserved.