In order to change the Expand/Collapse arrow you have to edit the default template of the RadPanelBarItem
control. For your convenience I extracted and changed the template according your requirements.
By design that arrow is a Path
control (for better performance) called "arrow". You can replace it with the desired Image
but keep in mind that you also have to apply the rotate transformation animation. In the sample application we use DoubleAnimationUsingKeyFrames
to rotate the Image
when a RadPanelBarItem
is expanded. Also, please note that the Image
is visualized on the left side of the RadPanelBarItem.Header
. We achieved this by editing the columns of the Grid
wrapping the Image
and moving that Image
in the first column rather than leaving it in the last one.
Please take a look at the attached project and let me know if it fits your needs.
Pavel R. Pavlov
the Telerik team