Customizations

This article explains how the shape of the rating items can be customized.

Empty State

• EmptyIconContent: Gets or sets the content of the RadRatingItem icon when the item is not selected.
• EmptyIconStyle: Gets or sets the style of the RadRatingItem icon content when the item is not selected.
• EmptyIconContentTemplate: Gets or sets the content template of the RadRatingItem when the item is not selected.

• Filled State

• FilledIconContent: Gets or sets the content of the RadRatingItem icon when the item is selected.

• FilledIconStyle: Gets or sets the style of the RadRatingItem icon content when the item is selected.
• FilledIconContentTemplate: Gets or sets the content template of the RadRatingItem when the item is selected.

Highlighted State

• HighlightedIconStyle: Gets or sets the style of the RadRatingItem icon content in highlighted state.

Example

<telerikInput:RadRating Value="2">
    <telerikInput:RadRating.EmptyIconContentTemplate>
        <DataTemplate>
            <SymbolIcon Symbol="Dislike" />
        </DataTemplate>
    </telerikInput:RadRating.EmptyIconContentTemplate>
    <telerikInput:RadRating.FilledIconContentTemplate>
        <DataTemplate>
            <SymbolIcon Symbol="Like" />
        </DataTemplate>
    </telerikInput:RadRating.FilledIconContentTemplate>
</telerikInput:RadRating>

Here is the result:Highlighted