raddiagram spacing

Hi, Moe,

The provided screenshot illustrates an organisation chart. You can refer to our Demo application >> Diagram >> Organisation chart example which simulates an identical layout achieved by using container shapes. 

Alternatively, RadDiagram offers different layouts. Thus, the shapes are arranged on the diagramming surface. Additional information about the diagram layouts is available in the following help article: https://docs.telerik.com/devtools/winforms/controls/diagram/features/layout 

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Hi Dess,

 https://docs.telerik.com/devtools/winforms/controls/diagram/features/layout 

I try these method . I want same distance of each other . I use HorizontalDistance method but the raddiagram distance not change. 

Thanks

Moe

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Hi Dess,

I did the setting of diagram layout below it.

            radDiagram1.RouteConnections = False

            Dim treeLayoutSettings1 As New Telerik.Windows.Diagrams.Core.TreeLayoutSettings
            treeLayoutSettings1.AnimateTransitions = True
            treeLayoutSettings1.HorizontalSeparation = 30
            treeLayoutSettings1.VerticalSeparation = 100
            treeLayoutSettings1.TreeLayoutType = Telerik.Windows.Diagrams.Core.TreeLayoutType.TreeDown
            treeLayoutSettings1.Roots.Add(radDiagramShapeMainEntity)
            radDiagram1.SetLayout(Telerik.Windows.Diagrams.Core.LayoutType.Tree, treeLayoutSettings1)

            Dim aStarRouter1 As New Telerik.Windows.Diagrams.Core.AStarRouter(radDiagram1.DiagramElement)
            radDiagram1.RoutingService.Router = aStarRouter1

            radDiagram1.RouteConnections = True

I add two pic.

I want design of the diagram in pic(I want design of diagram.png).

Current design is not the same horizontal space when children of diagram.

Thanks

Moe

Hello, Moe,

I have used the provided code snippet in my sample project and simulated a similar shapes organization. Please refer to the below screenshot illustrating better how the HorizontalSeparation is considered in the algorithm used in the LayoutType.Tree:

If it is not applicable for your scenario, you can adjust the shape's position by specifying the X offset: 

        private void radButton3_Click(object sender, EventArgs e)
        {
            RadDiagramShape shape = this.radDiagram1.Shapes[2] as RadDiagramShape;
            shape.X += 10;
        }

Thus, you can place the shape wherever you want. The attached gif file illustrates the achieved result.

I believe that it would fit your requirement.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Hi Dess,

When I add that logic in formload but after form load finish , didn't change still remain. But that logic add in button click, the logic is working,

Thanks

Moe

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Hi Dess,

I mean below logic.

 Private Sub RadForm1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
        AddNewRadDiagram()

        If RadDiagram1.Shapes.Count > 0 Then

            SetLayout()
            Dim shape As RadDiagramShape = CType(radDiagram1.Shapes(2), RadDiagramShape)
            shape.X += 50
        End If
    End Sub

I add shape2 location change in form load function but is not working. If these function add in button click event, is working.

Thanks

Moe

Hello, Moe,

       System.Windows.Forms.Timer t = new System.Windows.Forms.Timer();
        private void SetLayout()
        {
            radDiagram1.RouteConnections = false;

            Telerik.Windows.Diagrams.Core.TreeLayoutSettings treeLayoutSettings1 = new Telerik.Windows.Diagrams.Core.TreeLayoutSettings();
            treeLayoutSettings1.AnimateTransitions = true;
            treeLayoutSettings1.HorizontalSeparation = 30;
            treeLayoutSettings1.VerticalSeparation = 100;
            treeLayoutSettings1.TreeLayoutType = Telerik.Windows.Diagrams.Core.TreeLayoutType.TreeDown;
            treeLayoutSettings1.Roots.Add(this.radDiagram1.Shapes[0]);
            radDiagram1.SetLayout(Telerik.Windows.Diagrams.Core.LayoutType.Tree, treeLayoutSettings1);

            Telerik.Windows.Diagrams.Core.AStarRouter aStarRouter1 = new Telerik.Windows.Diagrams.Core.AStarRouter(radDiagram1.DiagramElement);
            radDiagram1.RoutingService.Router = aStarRouter1;

            radDiagram1.RouteConnections = true;
            t.Tick += T_Tick;
            t.Interval = 2000;
            t.Start();
        }

        private void T_Tick(object sender, EventArgs e)
        {
            t.Stop();
            RadDiagramShape shape = this.radDiagram1.Shapes[2] as RadDiagramShape;
            shape.X += 50;
        }

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik