Carousel scaletransform property... not working?

[RTA]

I'm hoping someone else has run into this issue and can offer some insight...

I have recently tried to scale an image on a carousel button to about 0.2 of its original size.   When I did this a strange phenomenon occurred... the button becomes removed from the carousel.    At run time, the button that was scaled was displayed in the upper left corner of the form, completely disassociated from the carousel.  The rest of the carousel seemed to work ok.   To fix this, I had to delete the button from the carousel and then add it back to the carousel. 

I originally scaled the image simply because the graphic I had was larger than I wanted the button to be.  Am I using the scaletransform property wrong?  If so, what's the purpose of this property. 

Thanks.  

[Peter]

Hi Steve,

Thank you for writing.

You should not manipulate the Carousel's Items ScaleTransform, Location and Opacity properties because the Carousel animates these properties and you can face some visual glitches. In other words your scenario is not supported.

Please, excuse us for the inconvenience.  Do not hesitate to contact us if you have other questions.
Greetings,

Peter
the Telerik team

[RTA]

Thanks for responding so quickly Peter,

Since this parameter doesn't do what I thought, what do you recommend? Do you recommend using images that are the needed size? If images of the needed size aren't available, is there another option?  

[Peter]

Hi Steve,

Thank you for writing back.

I would suggest resizing the images manually. Please refer to this CodeProject article that demonstrates different resizing techniques.

I hope this helps.

All the best,
Peter
the Telerik team