How to change the size of the Rating item(star)

[Abdulwahab]

I have tried changing the height and width value from the Rating control but this seems to just cut off the Star. How can I change the size effectively?

My current xaml looks like below

<telerikInput:RadRating x:Name="rating" Value="{Binding AverageUserRating}" IsReadOnly="True" RatingDisplayPrecision="Exact"/>

[Abdulwahab]

I guess I found the right propeties to get it working - ItemShapeWidth and ItemShapeHeight

Thanks
Abdulwahab

[Todor]

Hi Abdulwahab,

Thank you for contacting us.

Yes, you have found the right properties - ItemShapeWidth and ItemShapeHeight can be used to change the size of all of the rating items in RadRating. If you want, you can also change the size of only some of the items or have different size on each item, but you will need to add the items explicitly like this:

<telerikInputLRadRating>
    <telerikInput:RadRatingItem ShapeWidth="10" ShapeHeight="10"/>
    <telerikInput:RadRatingItem ShapeWidth="20" ShapeHeight="20"/>
    <telerikInput:RadRatingItem ShapeWidth="30" ShapeHeight="30"/>
    <telerikInput:RadRatingItem ShapeWidth="40" ShapeHeight="40"/>
    <telerikInput:RadRatingItem ShapeWidth="50" ShapeHeight="50"/>
</telerikInput:RadRating>

More about the customization of the RadRating and about its properties you can find in our online documentation.

I hope this information helps. If you have other questions, don't hesitate to write us back.

Regards,
Todor
the Telerik team