This is a migrated thread and some comments may be shown as answers.

Center nodelines

1 Answer 36 Views
OrgChart
This is a migrated thread and some comments may be shown as answers.
Caesar
Top achievements
Rank 1
Caesar asked on 16 Dec 2014, 09:34 AM
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?

1 Answer, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 18 Dec 2014, 08:59 AM
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.

 
Tags
OrgChart
Asked by
Caesar
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Share this question
or