Center nodelines

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

    Posted 16 Dec 2014 Link to this post

    Hi,

    There is a problem with nodelines not centering correctly. Typically when a node has Three Children.
    See http://demos.telerik.com/aspnet-ajax/orgchart/examples/drilldown/defaultcs.aspx

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

    How can this be fixed?
  2. Magdalena
    Admin
    Magdalena avatar
    421 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;
        }
    }


    Regards,
    Magdalena
    Telerik
     

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top