In This Topic
The thumbs icons can be used to rate items with a simple thumbs up or thumbs down rating system.
-
Create a new ASP.NET Web application.
-
Add a standard Panel control to the main content of your page.
-
Click the Panel smart tag and choose Add Extender from the Panel Tasks menu.
-
In the Extender Wizard, select the C1RatingExtender and click OK. A C1RatingExtender control is added to the page and the TargetControlID is set to Panel1.
-
Select View | Properties from the Visual Studio menu and navigate to the C1RatingExtender.Icons property.
-
Use the arrow to expand the C1RatingExtender.Icons > HoverIconsClass property and set the HoverIconsClass > IconClass property to wijmo-wijrating-hover-thumbdown,wijmo-wijrating-hover-thumbup.
-
Use the arrow to expand the C1RatingExtender.Icons > IconsClass property and set the IconsClass > IconClass property to wijmo-wijrating-normal-thumbdown,wijmo-wijrating-normal-thumbup.
-
Use the arrow to expand the C1RatingExtender.Icons > RatedIconsClass property and set the RatedIconsClass > IconClass property to wijmo-wijrating-rated-thumbdown,wijmo-wijrating-rated-thumbup.
-
In the Properties window, navigate to the C1RatingExtender.IconHeight property and set it to 16.
-
Navigate to the C1RatingExtender.IconWidth property and set it to 16.
-
Set the C1RatingExtender.RatingMode to Single.
-
Press F5 to run your application. The thumbs should appear as in the following image: