Move shapes finer

[User1564]

Hello Telerik-Team,

I am using RadDiagram to move shapes on a picture. My issue is if I move shapes, i can't place it on exact position like I want.

Is there a possibility to move the shapes finer?

Regards

[Vessy]

Hi,

You can make the shape moving finer by configuring editable.drag.snap.size value of the diagram (the default value is 10):

You can do it through the underlying Kendo UI widget of the control:

        <script>
            function diagramLoad(diagram, args) {
                var options = { editable: { drag: { snap: { size: 1} } } };
                var diagramWidget = diagram.get_kendoWidget();
                diagramWidget.setOptions(options);
            }
        </script>
        <telerik:RadDiagram ID="RadDiagram1" runat="server">
            <LayoutSettings Enabled="true" Type="Tree" Subtype="Right"></LayoutSettings>
            <ClientEvents OnLoad="diagramLoad"/>
            <ShapesCollection>
                <telerik:DiagramShape Id="s1">
                </telerik:DiagramShape>
                <telerik:DiagramShape Id="s2">
                </telerik:DiagramShape>
            </ShapesCollection>
            <ConnectionsCollection>
                <telerik:DiagramConnection>
                    <FromSettings ShapeId="s1" />
                    <ToSettings ShapeId="s2" />
                </telerik:DiagramConnection>
            </ConnectionsCollection>
        </telerik:RadDiagram>

 

Regards,
Vessy
Progress Telerik