Diagram Connection

5 posts, 1 answers
  1. Anthony
    Anthony avatar
    3 posts
    Member since:
    Jan 2013

    Posted 03 May 2013 Link to this post

    Is it possible, and if so how, to replace the connection line.  For example, we would like to have a double line (instead of a single line).  We've tried changing the Stroke brush, but we did not have success when the orientation of the connection changed.  Thank you in advance.
  2. Miro Miroslavov
    Admin
    Miro Miroslavov avatar
    588 posts

    Posted 06 May 2013 Link to this post

    Hello Anthony,

     In order to make the connection line more thick you can set the StrokeThickness that way:

    <telerik:RadDiagramConnection EndPoint="100 100" StrokeThickness="2" />
    There are plenty of other properties to control the visual representation of a Connection - look at the bottom here.
    Hope this helps. 

    Greetings,
    Miro Miroslavov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. UI for WPF is Visual Studio 2017 Ready
  4. Anthony
    Anthony avatar
    3 posts
    Member since:
    Jan 2013

    Posted 06 May 2013 Link to this post

    I understand how to change the stroke thickness, but that was not my question. We would like to have a double line instead of a single line -- please see attached examples.
  5. Answer
    Miro Miroslavov
    Admin
    Miro Miroslavov avatar
    588 posts

    Posted 07 May 2013 Link to this post

    Hello Anthony,

     Can you can achieve this by creating Custom Connection. This is not very straight forward. You can examine my attached project. Please note that in this particular scenario you should take care of the angle between the line and the shape. Otherwise if the connection is vertical - the two lines will merge into one.
    Hope this helps. Please let us know if we can be of further help. 

    Kind regards,
    Miro Miroslavov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  6. Matt
    Matt avatar
    2 posts
    Member since:
    Jul 2012

    Posted 17 May 2013 Link to this post

    For anyone interested, the double lines can be separated without worrying about orientation using the following code:

    var rotation = Math.Atan2(EndPoint.Y - StartPoint.Y, EndPoint.X - StartPoint.X);
    rotation += Math.PI / 2;
    var vOffset = new Point(Math.Cos(rotation) * 2.5, Math.Sin(rotation) * 2.5);

    Cheers

    M
Back to Top
UI for WPF is Visual Studio 2017 Ready