Center nodelines

2 posts, 0 answers
  1. Caesar
    Caesar avatar
    59 posts
    Member since:
    Aug 2008

    Posted 16 Dec 2014 Link to this post


    There is a problem with nodelines not centering correctly. Typically when a node has Three Children.

    As you can see the nodlines are not centered between Hardware and Storage.

    How can this be fixed?
  2. Magdalena
    Magdalena avatar
    487 posts

    Posted 18 Dec 2014 Link to this post

    Hello Caesar,

    The issue comes from different implementation of decimal pixels in different browsers. The same demo opened in Firefox browser has the vertical node-lines centered. The reason is that decimal pixels in Chrome are rounded down in all cases. If you would like to fix rounding pixels for this case in Chrome, try to apply the following:
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        html .RadOrgChart .rocLineDown {
            margin-left: 3px;


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top