Change the rotation behavior for shapes to be around Top Left corner instead of center

[Mohamed]

The default rotation behavior for all shapes on the diagram works around the center of the shape. I need to change this behavior to rotate around the top left corner of the shape/shapes. I need any sample code for this.

[Tanya]

Hello Mohamed,

To customize this behavior you will need to create a custom rotation service that calculates the rotation point to be the top left position of the shape. I am attaching a sample project showing how to achieve that. 

For more information on the tools and services of RadDiagram, you can check the following topics:

• Tools
• Services
• Customizing RotationStep (using a custom RotationService)

Hope this is helpful.

Regards,
Tanya
Telerik by Progress

[Mohamed]

Thanks Tanya for your sample project, it's really very helpful. 

Now, I need to change the position of rotation icon to be on the top left corner on the selected shape/s instead of its current position (top center).

[Tanya]

Hi Mohamed,

The way to change the position of the rotation handle should be done by customizing the default ControlTemplate of the ManipulationAdorner of RadDiagram. You can find more information regarding extracting and editing default control templates in this article.

 

Regards,
Tanya
Telerik by Progress