Hi,

Is there a way to change the Up/Down arrow used by  the RadExpander to different images/icons.  I would like to use different .png files for Expand and Collapse state.

Thanks,

Mike

Hi Michael,

In order to change the default arrow you should edit the template of the RadExpander in Blend, find the Path element named arrow and replace it with your custom Path element.

Best wishes,
Viktor Tsvetkov
the Telerik team

Hi

Is there an example of just having a 2 state image (On and Off) for the button? I don't need all the arrows and animation. I want my own images to display the button. I have tried to remove the arrows in the template but only managed to succeed in removing the functionality as well.

regards
mike

Hi mike,

In order to achieve your goal you have to edit the default template of the RadExpander control. For more information you can take a look at this article. When you extract it you will be able to find a Path control named "arrow". In your case you will have to replace it with an Image control. Furthermore, you will have to customize the VisualStates that change the control named "arrow". In your case you will have to change the Image.Source property in the different states.

For your convenience I exacted and edited the default template in the attached project. Please note that I have replaced the Path control with an Ellipse for simplicity.

I hope this works in your scenario.

Regards,
Pavel R. Pavlov
the Telerik team