Style the node connecting links.

[Lovella Bacaud]

Hi

I want to add arrows to the end of lines connecting the nodes and make it more thick. How can I do the same using CSS?

Thanks
Lovella.

[Princy]

Hi Lovella,

Try overriding the default CSS as follows.

CSS:

<style type="text/css">
    .rocLineUp:after
    {
        content: "";
        width: 9px;
        height: 5px;
        background: url("../Images/downarrow.png") no-repeat center center;
        position: absolute;
        bottom: 0;
        left: -4px;
    }
    html .RadOrgChart .rocLineUp
    {
        border: 0.5px solid black !important;
    }

    html .RadOrgChart .rocLineDown
    {
        border: 0.5px solid black !important;
    }
    html .RadOrgChart .rocLineHorizontal
    {
        border: 0.5px solid black !important;
    }
</style>

Thanks,
Princy.

[Lovella Bacaud]

Hi Princy thanks but the icon is not properly shown, only some portion is displayed.

[Princy]

Hi Lovella,

In the .rocLineUp:after CSS class, set the height property to a higher value such as height: 15px; .

Thanks,
Princy.