This topic illustrates how to change the rating icons to the Thumbs up and Thumbs down icons in the Design View and in the Source View.

In Design View

Complete the following steps to change the IconsPropertiesfor the thumbs up and thumbs down option:

1. Use the smart tag to set the Total Value and the Count to 2.
2. Go to the Properties window to set the IconHeight and the IconWidth properties to 16.
3. Set the IconsClass property of HoverIconsClass to wijmo-wijrating-hover-thumbdown,wijmo-wijrating-hover-thumbup.
4. Set the IconsClass property of IconsClass to wijmo-wijrating-normal-thumbdown,wijmo-wijrating-normal-thumbup.
5. Set the IconsClass property of RatedIconsClass to wijmo-wijrating-rated-thumbdown,wijmo-wijrating-rated-thumbup.
6. Set the RatingMode property to "Single".
7. Press F5 to run the program. The Thumbs Up and Thumbs Down option should look like this:

   

In Source View

Complete the following steps:

1. Place the following tag before the <Animation> tag:

   To write code in Source View

   <Icons>           
         <IconsClass IconsClass="wijmo-wijrating-normal-thumbdown,wijmo-wijrating-normal-thumbup" />                
         <HoverIconsClass IconsClass="wijmo-wijrating-hover-thumbdown,wijmo-wijrating-hover-thumbup" />   
         <RatedIconsClass IconsClass="wijmo-wijrating-rated-thumbdown,wijmo-wijrating-rated-thumbup" />       
   </Icons>
   
   

2. Change the Total Value  to 2.
3. Change the Count to 2.
4. Press F5 or Debug to run the program. The Thumbs Up and Thumbs Down option should look like this: