ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / C1RatingExtender / Setting Customized C1RatingExtender Icons / Setting the Thumb Icons
In This Topic
    Setting the Thumb Icons
    In This Topic

    The thumbs icons can be used to rate items with a simple thumbs up or thumbs down rating system.

    1. Create a new ASP.NET Web application.
    2. Add a standard Panel control to the main content of your page.
    3. Click the Panel smart tag and choose Add Extender from the Panel Tasks menu.
    4. 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.
    5. Select View | Properties from the Visual Studio menu and navigate to the C1RatingExtender.Icons property.
    6. 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.
    7. 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.
    8. 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.
    9. In the Properties window, navigate to the C1RatingExtender.IconHeight property and set it to 16.
    10. Navigate to the C1RatingExtender.IconWidth property and set it to 16.
    11. Set the C1RatingExtender.RatingMode to Single.
    12. Press F5 to run your application. The thumbs should appear as in the following image: